
/* MIRKA 1.4.2: selectors live OUTSIDE form.cart so they cannot stretch quantity/add-to-cart. */
.mirka-purchase-attributes{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  clear:both;
  margin:0 0 10px;
  padding:0;
  border:0;
  background:transparent;
}
.mirka-purchase-attributes__head{margin:0 0 7px}
.mirka-purchase-attributes__head small{display:block;font-size:12px;line-height:1.7;opacity:.72}
.mirka-purchase-group{
  border:0;
  padding:0;
  margin:0 0 8px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px 12px;
  flex-wrap:wrap;
}
.mirka-purchase-group:last-child{margin-bottom:0}
.mirka-purchase-group legend{
  float:none;
  width:auto;
  font-weight:600;
  font-size:14px;
  line-height:1.6;
  margin:0;
  padding:0;
  min-width:44px;
}
.mirka-purchase-options{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center}
.mirka-purchase-option{display:inline-flex;align-items:center;gap:5px;cursor:pointer;margin:0;color:inherit}
.mirka-purchase-option input[type="radio"]{
  position:static;
  opacity:1;
  pointer-events:auto;
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
  margin:0;
  padding:0;
  accent-color:#222;
}
.mirka-purchase-option span{
  display:inline;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:13px;
  line-height:1.6;
  white-space:nowrap;
}
.mirka-purchase-option.is-selected span,
.mirka-purchase-option input:checked+span{font-weight:600;color:inherit;background:transparent;border:0}
.mirka-purchase-selection-count{flex-basis:100%;margin:0 56px 0 0;font-size:11px;line-height:1.6;opacity:.58}
.mirka-purchase-group.has-error legend,
.mirka-purchase-group.has-error .mirka-purchase-selection-count{color:#b32d2e}
.mirka-purchase-hidden-fields{display:none!important}

@media(max-width:600px){
  .mirka-purchase-attributes{margin-bottom:8px}
  .mirka-purchase-group{gap:5px 10px;margin-bottom:7px}
  .mirka-purchase-group legend{min-width:40px;font-size:13px}
  .mirka-purchase-options{gap:6px 10px}
  .mirka-purchase-option span{font-size:12px}
  .mirka-purchase-selection-count{margin-right:50px}
}
