.product__bar {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  margin-top: 14px !important;
}

.product__main {
  grid-template-columns: minmax(0, 1.22fr) minmax(420px, 500px) !important;
  gap: clamp(64px, 6vw, 96px) !important;
  margin-top: 34px !important;
}

.product__gallery,
.product__stage {
  min-height: clamp(620px, 45vw, 720px) !important;
}

.product__summary {
  justify-self: start !important;
  width: 100% !important;
  max-width: 500px !important;
}

.product__config--summary .option-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.product__config--summary .option-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 15, 15, 0.08) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055) !important;
}

.product__config--summary .option-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(90px, auto) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border: 0 !important;
  background: #fff !important;
  color: #100f0f !important;
  text-align: left !important;
  box-shadow: none !important;
}

.product__config--summary .option-label,
.product__config--summary .option-current,
.product__config--summary .option-arrow {
  min-width: 0 !important;
  overflow: hidden !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product__config--summary .option-label {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.product__config--summary .option-current {
  justify-self: end !important;
  max-width: 160px !important;
  color: rgba(16, 15, 15, 0.46) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.product__config--summary .option-arrow {
  width: 18px !important;
  color: rgba(16, 15, 15, 0.72) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.product__config--summary .option-card:not(.is-open) .option-body,
.product__config--summary .option-card:not(.is-open) .option-item {
  display: none !important;
}

.product__config--summary .option-card.is-open .option-body {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  padding: 0 12px 12px !important;
}

.product__config--summary .option-item[hidden],
.product__config--summary .option-card.is-open .option-item[hidden] {
  display: none !important;
}

.product__config--summary .option-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(16, 15, 15, 0.08) !important;
  border-radius: 10px !important;
  background: #f4f5f8 !important;
  color: rgba(16, 15, 15, 0.72) !important;
  box-shadow: none !important;
}

.product__config--summary .option-item.is-selected {
  border-color: var(--brand-red, #e51857) !important;
  background: var(--brand-red, #e51857) !important;
  color: #fff !important;
}

.product__config--summary .option-name,
.product__config--summary .option-item.is-selected .option-name {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product__actions .product__button,
.product__actions .product__button:visited,
.item .actions .btn,
.item .actions .btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border: 1px solid var(--brand-red, #e51857) !important;
  border-radius: 999px !important;
  background: var(--brand-red, #e51857) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.product__actions .product__button--light,
.product__actions .product__button--light:visited,
.item .actions .btn--light,
.item .actions .btn--light:visited,
.product__bar .product-back,
.bar .product-back,
.product-back,
.product-back:visited {
  background: #fff !important;
  color: var(--brand-red, #e51857) !important;
  box-shadow: none !important;
}

.product__actions .product__button:hover,
.item .actions .btn:hover {
  background: #100f0f !important;
  border-color: #100f0f !important;
  color: #fff !important;
}

.item .specs .info-tabs {
  align-self: start !important;
  height: auto !important;
}

.item .specs .info-tabs__body {
  flex: 0 0 auto !important;
}

.item .specs .info-tab.is-active {
  min-height: 0 !important;
}

.item .info-tab--request {
  padding-bottom: 24px !important;
}

.item .info-tab--request .info-tab__text {
  max-width: 420px !important;
  margin-bottom: 18px !important;
}

.item .info-tab__request {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border: 1px solid var(--brand-red, #e51857) !important;
  border-radius: 999px !important;
  background: var(--brand-red, #e51857) !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.item .info-tab__request:hover {
  border-color: #100f0f !important;
  background: #100f0f !important;
  color: #fff !important;
}

.product__bar .product-back,
.bar .product-back,
.product-back,
.product-back:visited {
  width: max-content !important;
  max-width: 132px !important;
  min-height: 34px !important;
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(16, 15, 15, 0.12) !important;
  border-radius: 999px !important;
  color: #100f0f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  .product__main {
    gap: 26px !important;
  }

  .product__gallery,
  .product__stage {
    min-height: 420px !important;
  }

  .product__config--summary .option-head {
    grid-template-columns: minmax(0, 1fr) 18px !important;
    min-height: 58px !important;
    padding: 9px 14px !important;
  }

  .product__config--summary .option-current {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .product__config--summary .option-card.is-open .option-body {
    grid-template-columns: 1fr !important;
  }
}

.product__stage {
  --product-layer-scale: 1.14;
}

.product__main {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 500px) !important;
  gap: clamp(42px, 6vw, 92px) !important;
  align-items: center !important;
}

.product__gallery,
.product__stage {
  min-height: clamp(560px, 45vw, 700px) !important;
}

.product__summary {
  max-width: 520px !important;
  padding-top: 10px !important;
}

.product__config--summary .option-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.product__config--summary .option-head {
  grid-template-columns: minmax(0, 1fr) minmax(74px, auto) 18px !important;
  min-height: 62px !important;
  padding: 0 16px !important;
}

.product__config--summary .option-current {
  max-width: 110px !important;
}

.product__config--summary .option-card.is-open {
  grid-column: span 2;
}

.product__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

@media (max-width: 1020px) {
  .product__main {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .product__gallery,
  .product__stage {
    min-height: clamp(340px, 50vw, 430px) !important;
  }

  .product__stage {
    --product-layer-scale: 1.18;
    align-items: flex-start !important;
    padding-top: 24px !important;
  }

  .product__summary {
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    justify-self: center !important;
    padding: 0 !important;
  }
}

@media (max-width: 560px) {
  .product__gallery,
  .product__stage {
    min-height: clamp(300px, 78vw, 380px) !important;
  }

  .product__stage {
    --product-layer-scale: 1.12;
    padding-top: 10px !important;
  }

  .product__config--summary .option-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .product__config--summary .option-card.is-open {
    grid-column: auto;
  }

  .product__config--summary .option-head {
    grid-template-columns: minmax(0, 1fr) minmax(76px, auto) 18px !important;
    min-height: 54px !important;
  }

  .product__config--summary .option-current {
    grid-column: auto !important;
    justify-self: end !important;
    max-width: 110px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: right !important;
  }

  .product__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .product__actions .product__button {
    width: 100% !important;
  }
}

