.inner-page .inner-content.product-detail-content { --detail-tone-left: #f6f2df; --detail-tone-right: #e1e8ca; --detail-tone-bottom: #eef0e2; --detail-surface: linear-gradient(90deg, var(--detail-tone-left), var(--detail-tone-right)); padding: 0; overflow: hidden; background: var(--detail-surface); }
.product-detail-content[data-series-theme="balance"] { --detail-tone-left: #f8eed8; --detail-tone-right: #e8cf9e; --detail-tone-bottom: #f0e3c9; }
.product-detail-content[data-series-theme="microbe"] { --detail-tone-left: #f3ecdc; --detail-tone-right: #d9d5b1; --detail-tone-bottom: #e9e5d3; }
.product-detail-content[data-series-theme="bio"] { --detail-tone-left: #f5f1d9; --detail-tone-right: #d2e3ae; --detail-tone-bottom: #e5ecd4; }
.product-detail-content[data-series-theme="water"] { --detail-tone-left: #f4f0df; --detail-tone-right: #d9dfbd; --detail-tone-bottom: #e9ecda; }
.product-detail-content[data-series-theme="inoculant"] { --detail-tone-left: #f3ecd7; --detail-tone-right: #d5ccae; --detail-tone-bottom: #e7e1cd; }
.product-detail-series-banner { position: relative; min-height: 330px; padding: 46px 48px; background: linear-gradient(90deg, rgba(247,246,239,.91), rgba(247,246,239,.7) 35%, rgba(247,246,239,.12) 68%, transparent), var(--detail-series-image) center / cover no-repeat; }
.product-detail-series-banner::after { content: ""; position: absolute; inset: auto 0 0; height: 160px; pointer-events: none; background: var(--detail-surface); -webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15) 22%, rgba(0,0,0,.65) 62%, #000 100%); mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15) 22%, rgba(0,0,0,.65) 62%, #000 100%); }
.product-detail-series-copy { position: relative; z-index: 1; width: 64%; }
.product-detail-series-copy h2 { margin: 0; color: #234735; font-family: Georgia, "Songti SC", serif; font-size: clamp(30px, 3.5vw, 52px); font-weight: 500; line-height: 1.4; }
.product-detail-series-english { margin: 12px 0 0; color: #4f6256; font-size: 14px; line-height: 1.6; }
.product-detail-series-summary { margin: 42px 0 0; color: #526057; font-size: 20px; line-height: 1.9; }
.product-detail-return { position: absolute; z-index: 1; top: 36px; right: 36px; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px; border: 1px solid #28563f; border-radius: 4px; color: #214d37; background: rgba(255,255,255,.92); font-size: 14px; }
.product-detail-return:hover { color: #fff; background: #214d37; }
.product-detail-return:focus-visible { outline: 2px solid #1d684c; outline-offset: 4px; }
.product-photo-gallery { position: relative; isolation: isolate; overflow: hidden; padding: 40px 36px 32px; background: linear-gradient(to bottom, transparent, var(--detail-tone-bottom)), var(--detail-surface); }
.product-photo-gallery .portfolio-stage-light { opacity: .3; }
.product-photo-gallery .portfolio-stage-light-secondary { opacity: .2; }
.product-gallery-content { position: relative; z-index: 1; }
.product-gallery-heading { display: flex; align-items: center; justify-content: flex-end; gap: 24px; margin-bottom: 16px; }
.product-gallery-content h2 { margin: 0; color: #234735; font-family: Georgia, "Songti SC", serif; font-size: 30px; font-weight: 500; }
.product-gallery-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; overflow-x: auto; padding: 16px 8px 38px; }
.product-gallery-item { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.product-gallery-item img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: contain; background: transparent; filter: drop-shadow(0 18px 12px rgba(35,69,45,.23)); }
.gallery-reveal-ready .product-gallery-item { opacity: 0; transform: translateY(32px); }
.gallery-reveal-ready .is-visible .product-gallery-item.is-loaded { animation: product-bag-enter .85s cubic-bezier(.16,1,.3,1) var(--gallery-entry-delay, 0s) both; }
@keyframes product-bag-enter { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .gallery-reveal-ready .product-gallery-item, .gallery-reveal-ready .is-visible .product-gallery-item.is-loaded { opacity: 1; transform: none; animation: none; } }
.product-gallery-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 3 / 4; border: 1px dashed #c7d5c9; color: #728777; background: linear-gradient(160deg, #fff, #f0f5ed); }
.product-gallery-placeholder span { color: #b7c7b8; font-family: Georgia, serif; font-size: 34px; }
.product-gallery-placeholder p { margin: 12px 0 0; font-size: 13px; }
.product-gallery-pagination { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.product-gallery-pagination button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #a4bca8; border-radius: 50%; color: #28543a; background: rgba(255,255,255,.9); font: inherit; font-size: 24px; cursor: pointer; }
.product-gallery-pagination button:disabled { opacity: .4; cursor: default; }
.product-gallery-pagination button:hover:not(:disabled) { color: #fff; background: #28543a; }
@media (max-width: 900px) { .product-gallery-grid { grid-template-columns: repeat(5, minmax(150px, 1fr)); } }
@media (max-width: 720px) {
    .product-detail-series-banner { min-height: 350px; padding: 86px 24px 32px; }
    .product-detail-series-copy { width: 90%; }
    .product-detail-series-copy h2 { font-size: 30px; }
    .product-detail-series-english { font-size: 11px; }
    .product-detail-series-summary { margin-top: 28px; font-size: 16px; }
    .product-detail-return { top: 20px; right: 20px; min-height: 42px; padding: 8px 16px; font-size: 13px; }
    .product-photo-gallery { padding: 30px 16px 28px; }
    .product-gallery-grid { gap: 16px; }
}