/* 商品説明・SEO強化用 追加スタイル */

.product-card .info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-category {
  margin: 0 0 5px;
  color: var(--woooly-accent-dark, #a95569);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.product-summary {
  margin: 8px 0 0;
  color: var(--woooly-muted, #756f68);
  font-size: .78rem;
  line-height: 1.65;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card-price {
  margin: 10px 0 0;
  font-size: .86rem;
  font-weight: 800;
  color: var(--woooly-accent-dark, #a95569);
}

.product-more {
  margin-top: auto;
  padding-top: 10px;
  font-size: .75rem;
  font-weight: 700;
  color: var(--woooly-muted, #756f68);
}

.modal-description {
  overflow-y: auto;
}

.modal-text {
  white-space: normal;
  line-height: 1.9;
  color: var(--woooly-text, #3f3a35);
}

.modal-text::before {
  content: "作品について";
  display: block;
  margin-bottom: 8px;
  color: var(--woooly-muted, #756f68);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
}

body.modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .product-summary {
    -webkit-line-clamp: 2;
    font-size: .76rem;
  }

  .product-more {
    font-size: .72rem;
  }

  .modal-description {
    max-height: 42vh;
    padding-bottom: 8px;
  }

  .modal-text {
    font-size: .9rem;
    line-height: 1.8;
  }
}