﻿.prodSku{
  --prod-sku-minwidth:45px;
  --prod-sku-height:45px;
  --prod-sku-padding:3px;
  --prod-sku-space:6px;
  --prod-sku-imgAlign: row;
  --prod-sku-imgSize:20px;
  --prod-sku-imgSpace: 5px;
  --prod-sku-imgBorderRadius: 0px;
  --skuSpaceSpaceRow-padding: 2px 4px;

  box-sizing: content-box;
  font-size: 16px;
}
.prodSku *{
  box-sizing: content-box;
}
.prodSku .specBox {
  display: flex;
  flex-wrap: wrap;
}
.prodSku .specOption {
    margin-right: var(--prod-sku-space);
    color: #505257;
    border: 1px solid #ddd;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: var(--prod-sku-imgAlign);

    min-width: var(--prod-sku-minwidth);
    padding: var(--skuSpaceSpaceRow-padding);
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 8px;
}

.prodSku .specAction {
  color: #e34a40;
  border-color: #e34a40;
}

.specBox[class*="paragraph"] .specAction,
.specBox[class*="heading"] .specAction{
  color: inherit;
  border-color: inherit;
}
.prodSku .specDisabled {
  color: #bebebe;
}
.prodSku .transImage{
  width: var(--prod-sku-imgSize);
  height: var(--prod-sku-imgSize);
  border-radius: var(--prod-sku-imgBorderRadius);
}
.prodSku .skuTransVal{
  margin: 0 var(--prod-sku-imgSpace);
}
.prodSku .sku_container .sku_item{
  margin-bottom: 15px;
  gap: 10px;
  display: flex;
  flex-direction: column !important;
}
.prodSku .sku_container.isAlignRow .sku_item{
  flex-direction: row !important;
}
.prodSku .sku_container.isAlignRow .skuName{
  min-width: 120px;
  max-width: 120px;
  word-wrap: break-word;
}
.prodSku .sku_container .sku_item:last-child{
  margin-bottom: 0px;
}

.prodSku .order-error-msg{
  margin-top: 10px;
  display: none;
}

.prodSku .order-error-msg.isShow{
  display: block;
}