:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) { --peh-qty-width:12.8rem; --peh-qty-action:4rem; --peh-qty-input:4.8rem; }
/* Tuotekortin yhteinen määrävalitsin: kortit, tuotesivu ja ostoskoripaneeli. */
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) {
  display:flex; align-items:center; justify-content:space-between; flex:0 0 auto;
  width:var(--peh-qty-width); min-width:var(--peh-qty-width); max-width:100%;
  height:4.4rem; min-height:4.4rem; padding:0; margin:0; box-sizing:border-box;
  border:.1rem solid color-mix(in srgb,var(--site-text-color, #50453e) 45%,var(--peh-surface, #f4f1e9));
  border-radius:var(--radius-circle, 100vw); background:transparent; overflow:hidden;
}
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(input.qty, input[data-peh-quantity], .peh-favorite-quantity input) {
  order:2; width:var(--peh-qty-input); min-width:0; max-width:none; height:100%;
  padding:0; margin:0; border:0; border-radius:0; background:transparent; text-align:center;
  appearance:textfield; -moz-appearance:textfield; box-shadow:none;
  font:600 1.4rem/1.2 Inter,sans-serif; color:var(--site-heading-color, #473121);
}
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) input::-webkit-inner-spin-button,
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.action, button[data-peh-step], button[data-favorite-step]) {
  display:flex; align-items:center; justify-content:center; flex:0 0 var(--peh-qty-action);
  width:var(--peh-qty-action); height:4.4rem; min-height:0; padding:0; margin:0;
  border:0; border-radius:0; background:transparent; box-shadow:none;
  cursor:pointer; color:var(--site-heading-color, #473121);
  transition:background-color 200ms ease, color 200ms ease;
}
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.minus, [data-peh-step="-1"], [data-favorite-step="-1"]) { order:1; }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.plus, [data-peh-step="1"], [data-favorite-step="1"]) { order:3; }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.action, button[data-peh-step], button[data-favorite-step]):hover:not(:disabled):not(.disabled) { background:var(--peh-line, #ded9cf); }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.action, button[data-peh-step], button[data-favorite-step]):is(:disabled,.disabled) { opacity:.4; cursor:default; }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.action, button[data-peh-step], button[data-favorite-step]) svg { width:1.4rem; height:1.4rem; flex-shrink:0; }
:is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(input,button,[role="button"]):focus-visible { outline:.2rem solid var(--site-heading-color, #473121); outline-offset:-.3rem; }
@container pehCard (max-width:29rem) {
 .peh-card .peh-card__cart .quantity { --peh-qty-width:10.4rem; --peh-qty-action:3.4rem; --peh-qty-input:3.6rem; }
}
@container pehCard (max-width:23rem) {
 .peh-card .peh-card__cart .quantity { --peh-qty-width:9.6rem; --peh-qty-action:3.2rem; --peh-qty-input:3.2rem; }
}
@media (prefers-reduced-motion:reduce) {
 :is(.peh-card .peh-card__cart, #brxe-ohwatz, #peh-cart, .peh-account, .peh-cart-page) :is(.quantity, .peh-cart__quantity, .peh-favorite-quantity) :is(.action, button[data-peh-step], button[data-favorite-step]) { transition:none; }
}
@media (max-width:40rem) {
 .peh-account .peh-favorite-quantity { --peh-qty-width:10.4rem; --peh-qty-action:3.4rem; --peh-qty-input:3.6rem; }
}