/** product-variant.component */
.pv-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

.pv-wrapper > .pv-item:not(.placeholder):after {
  width: 1px;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, .2);
  content: ' ';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.pv-wrapper > .pv-item:last-child:after {
  display: none;
}

.pv-options {
  font-size: 10px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  line-height: 15px;
  padding: 0;
  text-align: center;
}

.pv-price {
  font-size: 16px;
  color: rgb(33, 37, 41);
  font-weight: 700;
  line-height: 24px;
  padding: 0;
  margin: 0;
  text-align: center;
}

div.urun.loading div.urun_resmi,
div.urun.has-variant:hover div.urun_resmi {
  margin-top: 0 !important;
}

div.urun.loading div.butonveikonlar,
div.urun.has-variant div.butonveikonlar {
  display: none !important;
}

div.urun.loading div.urun_fiyatlar,
div.urun.has-variant div.urun_fiyatlar {
  display: none !important;
}

div.urun > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

div.urun > div > [component='product-variant'] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
div.urun > div > [component='product-variant'] > div {
  flex-grow: 1;
}

/** product-detail-variant.component */
.pdv-item {
  height: 150px;
  background-color: white;
  align-items: center !important;
  justify-content: center !important;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  position: relative;
  max-width: 273.5px;
}

.pdv-item:not(.placeholder) {
  border: 2px solid rgb(182, 182, 182);
  border-radius: 4px;
  margin-right: 15px !important;
  cursor: pointer;
}

.pdv-item:not(.placeholder):last-child {
  margin-right: 0 !important;
}

.pdv-item.selected {
  border-color: rgb(83, 83, 83);
  background-color: rgb(249, 157, 38);
  color: white !important;
}

.pdv-item .pdv-options {
  color: rgb(33, 37, 41);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  user-select: none;
  white-space: nowrap;
}

.pdv-item .pdv-price {
  font-size: 35px;
  font-weight: 700;
  line-height: 36px;
  user-select: none;
  white-space: nowrap;
  color: rgb(0, 0, 0)
}

.pdv-item.selected .pdv-price,
.pdv-item.selected .pdv-options {
  color: white;
}

.pdv-item .pdv-options.info {
  font-weight: 400;
}

.pdv-item .pdv-options.discount {
  font-weight: 400;
  line-height: 19.5px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(182, 182, 182);
  color: black !important;
  text-align: center;
}

.pdv-item.selected .pdv-options.discount {
  background-color: rgb(88, 88, 90);
  color: white !important;
}