/* 0.9.13 - keep color shortcut within the visible product preview. */
@media(max-width:850px){
  .kskd-shell.kskd-corner-layout .kskd-mobile-variant-picker:not([hidden]){
    right:auto!important;
    left:var(--kskd-mobile-picker-offset,0px)!important;
    width:102px!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-mobile-variant-toggle{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px 7px!important;
    box-sizing:border-box!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-mobile-variant-popup:not([hidden]){
    right:auto!important;
    left:var(--kskd-mobile-popup-offset,0px)!important;
    width:var(--kskd-mobile-popup-width,220px)!important;
    max-width:calc(100vw - 20px)!important;
    box-sizing:border-box!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-corner[data-corner=tl] .kskd-mobile-variant-picker,
  .kskd-shell.kskd-corner-layout .kskd-corner[data-corner=tr] .kskd-mobile-variant-picker{
    top:calc(100% + 8px)!important;
    bottom:auto!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-corner[data-corner=tl] .kskd-mobile-variant-popup,
  .kskd-shell.kskd-corner-layout .kskd-corner[data-corner=tr] .kskd-mobile-variant-popup{
    top:calc(100% + 8px)!important;
    bottom:auto!important;
  }
}
/* One line regardless of the number of available sizes. Columns stretch to
   use the purchase panel; extra sizes scroll horizontally rather than wrap. */
.kskd-buy-card .kskd-buy-sizes .kskd-variant-options,
.kskd-buy-card .kskd-bulk-size-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--kskd-size-count,5),minmax(43px,1fr))!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  box-sizing:border-box!important;
  scrollbar-width:thin;
}
.kskd-buy-card .kskd-bulk-size-grid{
  grid-template-columns:repeat(var(--kskd-bulk-count,5),minmax(43px,1fr))!important;
}
.kskd-buy-card .kskd-bulk-size-row{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:4px 2px!important;
  gap:3px!important;
  box-sizing:border-box!important;
}
.kskd-buy-card .kskd-bulk-size-row .kskd-bulk-size-name{
  font-size:clamp(10px,1vw,11px)!important;
  min-width:0!important;
}
.kskd-buy-card .kskd-bulk-size-row input.kskd-bulk-qty{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:27px!important;padding:2px 0!important;
  font-size:11px!important;line-height:1.1!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
  box-sizing:border-box!important;
}
.kskd-buy-card .kskd-bulk-size-row input.kskd-bulk-qty::-webkit-inner-spin-button,
.kskd-buy-card .kskd-bulk-size-row input.kskd-bulk-qty::-webkit-outer-spin-button{
  -webkit-appearance:none!important;margin:0!important;
}
.kskd-buy-card .kskd-buy-sizes .kskd-variant-option{
  min-width:0!important;width:100%!important;
  max-width:none!important;min-height:28px!important;
  padding:4px 2px!important;font-size:11px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* 0.9.16 - editing a bulk-order cart line selects exactly one size. */
.kskd-buy-card.kskd-bulk-active .kskd-cart-line-size-selected{border-color:#2474ce!important;background:#eef6ff!important}
.kskd-buy-card.kskd-bulk-active button.kskd-bulk-size-name{border:0!important;background:none!important;cursor:pointer!important;padding:0!important;font:inherit!important;color:inherit!important;width:100%!important}
.kskd-buy-card.kskd-bulk-active button.kskd-bulk-size-name:focus-visible{outline:2px solid #2474ce!important;outline-offset:2px}