/* Auto-extracted from front-legend for catalog SKU new layout */
.product-detail-choose-head{
  padding:8px 16px;
  border-radius:8px;
  margin:16px 0 8px;
  display:grid;
  grid-template-columns:70px 90px 230px 230px 1fr 130px;
  align-items:center;
  gap:16px;
  box-shadow:0 0 4px 0 rgba(0,0,0,.1)
}

.product-detail-choose-head dd{
  color:#6a7882
}

.product-detail-choose-head dd:nth-child(5){
  margin-left:24px
}

.product-detail-choose-head+.product-detail-choose{
  margin-top:8px
}

@media(max-width: 1200px){
  .product-detail-choose-head{
  display:none
}

}

.right:has(>.product-detail-choose>.other)>.product-detail-choose-head dd:nth-child(4),
.right:has(>.product-detail-choose-block>.product-detail-choose>.other)>.product-detail-choose-block>.product-detail-choose-head dd:nth-child(4){
  margin-left:24px
}

.right:has(>.product-detail-choose>.other)>.product-detail-choose-head dd:nth-child(5),
.right:has(>.product-detail-choose-block>.product-detail-choose>.other)>.product-detail-choose-block>.product-detail-choose-head dd:nth-child(5){
  margin-left:0
}

.product-detail-choose{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:16px 0 40px
}

.product-detail-choose-item{
  padding:8px 16px;
  background-color:#f2f2f2;
  border-radius:8px;
  display:grid;
  grid-template-columns:70px 90px 230px 230px 1fr 1fr 130px;
  align-items:center;
  gap:16px;
  transition:all .2s ease
}

@media(max-width: 1200px){
  .product-detail-choose-item{
  display:grid;
  grid-template-columns:max-content max-content 1fr;
  gap:8px 20px
}

}

.product-detail-choose-item .col,.product-detail-choose-item .price-total{
  display:flex;
  flex-direction:column;
  gap:2px
}

.product-detail-choose-item .col .small-text,.product-detail-choose-item .price-total .small-text{
  color:#1d1f20;
  line-height:1;
  transition:all .2s ease
}

.product-detail-choose-item .col .text,.product-detail-choose-item .price-total .text{
  font-size:14px;
  line-height:1;
  font-weight:700;
  transition:all .2s ease;
  color:#000
}

.product-detail-choose-item .col .green,.product-detail-choose-item .price-total .green{
  color:#0aa250
}

.product-detail-choose-item .col .grey,.product-detail-choose-item .price-total .grey{
  color:#6a7882
}

.product-detail-choose-item .col .choices,.product-detail-choose-item .price-total .choices{
  border-radius:4px;
  background-color:#fff
}

@media(max-width: 1200px){
  .product-detail-choose-item .col .choices,.product-detail-choose-item .price-total .choices{
  height:40px
}

}

.product-detail-choose-item .col .choices .choices__item.choices__placeholder,.product-detail-choose-item .price-total .choices .choices__item.choices__placeholder{
  width:100%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}

@media(max-width: 1200px){
  .product-detail-choose-item .col:has(.choices),.product-detail-choose-item .price-total:has(.choices){
  grid-column:1/4
}

}

.product-detail-choose-item .price-total{
  opacity:0;
  padding-right:8px;
  transition:all .2s ease;
  text-align:right
}

@media(max-width: 1200px){
  .product-detail-choose-item .price-total{
  text-align:left;
  grid-column:1/3
}

}

@media(max-width: 1200px){
  .product-detail-choose-item:has(.quantity:not(.total)) .price-total{
  display:none
}

}

.product-detail-choose-item .col-price{
  margin-left:24px;
  display:flex;
  align-items:center;
  gap:4px;
  grid-column:5
}

@media(max-width: 1200px){
  .product-detail-choose-item .col-price{
  grid-row:1;
  grid-column:3;
  margin-left:auto
}

}

.product-detail-choose-item .col-price .price-old{
  font-size:14px;
  line-height:1;
  font-weight:700;
  color:#6a7882;
  text-decoration:line-through;
  white-space:nowrap;
  transition:all .2s ease
}

.product-detail-choose-item .col-price .price{
  font-size:18px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  transition:all .2s ease
}

.product-detail-choose-item .col-price .discount{
  background-color:#0aa250;
  padding:2px 4px;
  border-radius:4px;
  font-size:14px;
  line-height:1;
  font-weight:500;
  color:#fff;
  white-space:nowrap
}

.product-detail-choose-item .col-price:has(.price-old) .price{
  color:#d33836
}

.product-detail-choose-item .col-quantity{
  grid-column:7
}

.product-detail-choose-item .col-quantity .quantity{
  height:28px;
  background-color:#fff;
  border-radius:4px
}

@media(max-width: 1200px){
  .product-detail-choose-item .col-quantity{
  grid-column:1/4;
  grid-row:4
}
.product-detail-choose-item .col-quantity:has(.quantity.total){
  grid-column:3/4
}
.product-detail-choose-item .col-quantity .quantity{
  height:40px
}

}

.product-detail-choose-item.other .col{
  grid-column:1/4
}

.product-detail-choose-item.other .col-price{
  grid-column:4/6
}

.product-detail-choose-item.other .col-quantity{
  grid-column:7
}

@media(max-width: 1200px){
  .product-detail-choose-item.other .col{
  grid-column:1
}
.product-detail-choose-item.other .col-price{
  grid-column:2/4
}
.product-detail-choose-item.other .col-quantity{
  grid-column:1/4
}

}

.product-detail-choose-item:has(.quantity.active),.product-detail-choose-item.in-cart{
  background-color:#d33836
}

.product-detail-choose-item:has(.quantity.active) .col .small-text,.product-detail-choose-item:has(.quantity.active) .col .text,.product-detail-choose-item:has(.quantity.active) .col .price,.product-detail-choose-item:has(.quantity.active) .col .price-old,.product-detail-choose-item:has(.quantity.active) .col-price .small-text,.product-detail-choose-item:has(.quantity.active) .col-price .text,.product-detail-choose-item:has(.quantity.active) .col-price .price,.product-detail-choose-item:has(.quantity.active) .col-price .price-old,.product-detail-choose-item:has(.quantity.active) .price-total .small-text,.product-detail-choose-item:has(.quantity.active) .price-total .text,.product-detail-choose-item:has(.quantity.active) .price-total .price,.product-detail-choose-item:has(.quantity.active) .price-total .price-old,.product-detail-choose-item.in-cart .col .small-text,.product-detail-choose-item.in-cart .col .text,.product-detail-choose-item.in-cart .col .price,.product-detail-choose-item.in-cart .col .price-old,.product-detail-choose-item.in-cart .col-price .small-text,.product-detail-choose-item.in-cart .col-price .text,.product-detail-choose-item.in-cart .col-price .price,.product-detail-choose-item.in-cart .col-price .price-old,.product-detail-choose-item.in-cart .price-total .small-text,.product-detail-choose-item.in-cart .price-total .text,.product-detail-choose-item.in-cart .price-total .price,.product-detail-choose-item.in-cart .price-total .price-old{
  color:#fff
}

.product-detail-choose-item:has(.quantity.total) .price-total{
  opacity:1;
  padding-right:0
}

.product-table.catalog-table .product-table-row.new{
  display:flex;
  flex-direction:column;
  gap:24px
}

.product-table.catalog-table .product-table-row.new>.left{
  padding-top:24px;
  grid-template-columns:max-content 1fr !important;
  gap:16px
}

.product-table.catalog-table .product-table-row.new>.left .img-holder{
  margin-left:0;
  margin-top:0;
  width:190px;
  height:190px
}

@media(max-width: 1200px){
  .product-table.catalog-table .product-table-row.new>.left .img-holder{
  width:120px;
  height:120px
}

}

.product-table.catalog-table .product-table-row.new>.left .img-holder+.product-table-cell{
  padding:0
}

.product-table.catalog-table .product-table-row.new .product-header .left{
  top:24px;
  left:0;
  margin-left:0
}

.product-table.catalog-table .product-table-row.new .product-header .right{
  width:100%;
  display:grid;
  grid-template-columns:1fr max-content;
  align-items:flex-start !important;
  gap:8px 16px
}

.product-table.catalog-table .product-table-row.new .product-header .right .detail-opener{
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  color:#1d1f20;
  grid-column:1;
  grid-row:1
}

.product-table.catalog-table .product-table-row.new .product-header .right>span{
  font-size:14px !important;
  color:#1d1f20;
  margin:0 !important;
  grid-column:1;
  grid-row:3
}

.product-table.catalog-table .product-table-row.new .product-header .right .labels{
  grid-column:1;
  grid-row:2
}

.product-table.catalog-table .product-table-row.new .product-header .right .download.download-select{
  grid-column:2;
  grid-row:1/4;
  padding:8px 16px;
  background-color:#fff;
  gap:8px;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  margin-top:0
}

.product-table.catalog-table .product-table-row.new .product-header .right .download.download-select:hover,
.product-table.catalog-table .product-table-row.new .product-header .right .download.download-select--active{
  background-color:#d33836
}

.product-table.catalog-table .product-table-row.new .product-header .right .download.download-select:before{
  order:2
}

.product-table.catalog-table .product-table-row.new .product-header .right .download-popup .download,
.product-table.catalog-table .product-table-row.new .product-header .right .download-popup .download:hover{
  background-color:transparent !important;
  box-shadow:none;
  color:#d33836 !important;
  padding:0;
  margin-top:0;
  border-radius:0;
  grid-column:auto;
  grid-row:auto;
}

.product-table.catalog-table .product-table-row.new .product-header .right .download-popup .download:hover:before{
  background-color:#d33836 !important;
}

@media(max-width: 1200px){
  .product-table.catalog-table .product-table-row.new .product-header .right{
  display:flex;
  flex-direction:column
}
.product-table.catalog-table .product-table-row.new .product-header .right .download.download-select{
  margin-top:16px
}

}

.product-table.catalog-table .product-table-row.new .product-detail-choose{
  margin-top:0;
  margin-bottom:24px;
  width:100%
}

/* New catalog rows: full-width stack, keep mobile spoiler on .right */
.product-table.catalog-table .product-table-row.new > .right {
  width: 100%;
  flex-wrap: nowrap;
}

.product-table.catalog-table .product-table-header:has(+ .product-table-body .product-table-row.new),
.product-table.catalog-table:has(.product-table-row.new) > .product-table-header {
  display: none;
}

/* Empty packaging placeholder keeps desktop grid alignment */
.product-detail-choose-item > .col.packaging-placeholder {
  min-height: 1px;
}

@media (max-width: 1200px) {
  .product-detail-choose-item > .col.packaging-placeholder {
    display: none;
  }
}

.product-table.catalog-table .product-table-row.new.disabled > .right .col .text,
.product-table.catalog-table .product-table-row.new.disabled > .right .col-price .price {
  color: #979797 !important;
}
