/* EMG product detail green volume v1 */
.product-page {
  --product-accent: #30ba0e;
  --product-dark: #237d10;
  --product-border: #dfe8da;
  --emg-yellow: #30ba0e;
  --emg-yellow-hover: #2eae0e;
  --emg-yellow-light: #f1fbed;
}
.product-page .product-detail-card {
  border-color: var(--product-border);
  background: linear-gradient(150deg, #ffffff 0%, #fcfefa 100%);
  box-shadow: 0 12px 32px rgba(28, 56, 18, .085), 0 2px 6px rgba(28, 56, 18, .035), inset 0 1px 0 #ffffff;
}
.product-page .product-gallery,
.product-page .product-info,
.product-page .product-lower > div {
  min-width: 0;
}
.product-page .product-main-image {
  border: 1px solid #e6ece2;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff 0%, #fafbfa 100%);
  box-shadow: 0 7px 20px rgba(28, 56, 18, .065), inset 0 1px 0 #ffffff;
}
.product-page .product-thumbnail {
  border-color: #dce6d6;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(28, 56, 18, .06), inset 0 1px 0 #ffffff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.product-page .product-thumbnail.active {
  border-color: #30ba0e;
  box-shadow: 0 0 0 2px rgba(48, 186, 14, .12), 0 4px 10px rgba(28, 88, 16, .09);
}
.product-page .product-info {
  padding: 22px;
  border: 1px solid #e1eadc;
  border-radius: 20px;
  background: linear-gradient(150deg, #ffffff 0%, #f8fcf5 100%);
  box-shadow: 0 7px 20px rgba(28, 56, 18, .065), inset 0 1px 0 #ffffff;
}
.product-page .product-title {
  color: #202b1b;
  overflow-wrap: anywhere;
}
.product-page .product-brand {
  color: #344c29;
}
.product-page .product-article {
  color: #526149;
}
.product-page .product-description {
  border-left: 3px solid #b6dda6;
  color: #65735d;
}
.product-page .product-price {
  color: #237d10;
}
.product-page .product-stock:not(.out) {
  border: 1px solid #c7e7ba;
  background: #edf9e7;
  color: #237d10;
  box-shadow: inset 0 1px 0 #ffffff;
}
.product-page .product-stock.out {
  border-color: #dddddd;
  background: #f4f4f4;
  color: #777777;
}
.product-page .product-action-cart {
  border: 1px solid #2bac0c;
  background: #30ba0e;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-shadow: 0 5px 13px rgba(38, 125, 16, .21), inset 0 1px 0 rgba(255, 255, 255, .28);
  transition: background .18s ease, box-shadow .18s ease;
}
.product-page .product-action-cart:hover:not(:disabled) {
  background: #2eae0e;
  border-color: #2ca60d;
  box-shadow: 0 7px 17px rgba(38, 125, 16, .25), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.product-page .product-action-cart:active:not(:disabled) {
  box-shadow: inset 0 2px 5px rgba(17, 66, 5, .15), 0 2px 5px rgba(38, 125, 16, .12);
}
.product-page .product-action-cart:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.product-page .product-lower > div {
  padding: 20px;
  border: 1px solid #e1eadc;
  border-radius: 18px;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdf9 100%);
  box-shadow: 0 5px 16px rgba(28, 56, 18, .055), inset 0 1px 0 #ffffff;
}
.product-page .product-section-title {
  padding-bottom: 10px;
  border-bottom: 2px solid #30ba0e;
  color: #2b3e22;
}
.product-page .product-attribute-row {
  border-bottom-color: #e3ecde;
}
.product-page .product-attribute-name {
  color: #66715f;
}
.product-page .product-attribute-value {
  color: #35442c;
}
.product-page .product-materials {
  border-top-color: #e1ebda;
}
.product-page .product-material-item {
  padding: 12px;
  border: 1px solid #e1eadb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(28, 56, 18, .04), inset 0 1px 0 #ffffff;
}
.product-page .product-material-icon {
  background: #edf8e7;
}
.product-page .product-material-type {
  color: #237d10;
}
.product-page .product-document {
  color: #237d10;
}
.product-page .product-document:hover {
  color: #185d09;
  text-decoration-color: #30ba0e;
  text-underline-offset: 3px;
}
.product-page .product-material-download {
  border: 1px solid #d0e9c6;
  background: #edf9e7;
  color: #237d10;
  box-shadow: 0 2px 5px rgba(28, 56, 18, .05);
}
.product-page .product-material-download:hover {
  border-color: #30ba0e;
  background: #30ba0e;
  color: #ffffff;
}
.product-page :is(button,a):focus-visible {
  outline: 2px solid #237d10;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .product-page .product-info,
  .product-page .product-lower > div {
    padding: 16px;
    border-radius: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-page .product-thumbnail,
  .product-page .product-action-cart {
    transition: none;
  }
}