﻿ .product-box{margin: 1rem auto 3rem auto;padding: 2.4rem;border: 0.1rem solid #ddd;background-color: #fff;box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.05);display: flex;flex-wrap: wrap;gap: 2.4rem;font-family: system-ui, sans-serif;color: #222;}.product-box .product-img, .product-box .wp-caption{flex: 1 1 30rem;text-align: center;}.product-box .product-img img, .product-box .wp-caption img{max-width: 100%;height: auto;border-radius: 0.6rem;box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);}.product-caption-text{font-size: 0.9rem;color: #333;background-color: #f9f9f9;padding: 0.8rem 1.2rem;margin-top: 1rem;text-align: center;border-radius: 0.6rem;box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05);}.product-box .wp-caption-text{font-size: 0.9rem;color: #333;margin: 0;text-align: center;}.product-content{flex: 2 1 0;display: flex;flex-direction: column;justify-content: space-between;}.product-title{font-size: 1.8rem;font-weight: 700;margin-bottom: 0.8rem;}.product-desc{font-size: 1.5rem;margin-bottom: 1.2rem;line-height: 1.5;}.creative-copyright, .product-price, .product-brand, .product-sku{font-size: 1.4rem;color: #333;}.product-backlink, .product-availability{text-align: left;font-size: 1.4rem !important;}.product-backlink a, .product-availability a{display: inline-block;color: #333 !important;font-weight: normal !important;padding: 1rem 2rem;background: #f3f3f3;text-decoration: none;transition: all 0.2s ease;}.product-backlink a:hover, .product-availability a:hover{background: #eaeaea;border-color: #aaa;color: #000;}a.buy-now-button, .add-to-cart-button{width: 100%;display: inline-block;padding: 1.4rem 0;margin-top: 1.6rem;font-size: 1rem;font-weight: 600;text-align: center;letter-spacing: 0.05rem;text-transform: uppercase;text-decoration: none !important;border-radius: 0.4rem;}a.buy-now-button{background: linear-gradient(145deg, #e7a100, #ffb100);color: #111 !important;border: 0.1rem solid #cc8a00;transition: all 0.3s ease;box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.1);}a.buy-now-button:hover{background: linear-gradient(145deg, #ffb700, #ffc933);box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.15);cursor: pointer;}.add-to-cart-button{background: #f0f0f0;color: #777 !important;border: 0.1rem dashed #ccc;opacity: 0.6;cursor: not-allowed;}.image-gallery{position: relative;margin-top: 1.6rem;}#main-display-img{max-width: 100%;border-radius: 0.6rem;box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);transition: opacity 0.3s ease;}.caption-area{margin-top: 0.5rem;font-size: 0.9rem;text-align: center;color: #333;background: #f9f9f9;padding: 0.8rem 1.2rem;border-radius: 0.6rem;box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05);}.thumbnail-strip{display: flex;flex-wrap: nowrap;gap: 1rem;margin-top: 1.6rem;justify-content: center;overflow-x: auto;padding-bottom: 0.6rem;}.thumbnail-strip img{width: 6.4rem;height: auto;border-radius: 0.4rem;cursor: pointer;opacity: 0.6;transition: all 0.2s ease;}.thumbnail-strip img.active-thumb{opacity: 1;border: 0.2rem solid #e7a100;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);}.arrow-nav{display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}.arrow-nav button{background: none;border: none;font-size: 1.4rem;color: #555;cursor: pointer;padding: 0 1.2rem;transition: color 0.2s ease;}.arrow-nav button:hover{color: #e7a100;}.main-img-container-wrap{flex: 0 0 30rem;display: flex;flex-direction: column;justify-content: flex-start;}.main-img-container{width: 30rem;height: 30rem;position: relative;text-align: center;}.main-gallery-img{max-width: 100%;height: auto;border-radius: 0.6rem;box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);transition: opacity 0.3s ease;}.img-caption-area{margin-top: 1rem;font-size: 0.9rem;text-align: center;color: #333;background: #f9f9f9;padding: 0.8rem 1.2rem;border-radius: 0.6rem;box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05);}.img-alt-text{font-weight: bold;margin-bottom: 0.4rem;}.img-caption-text{font-size: 1.2rem;font-style: italic;color: #555;}.img-thumbnails{display: flex;justify-content: center;flex-wrap: wrap;gap: 1rem;margin-top: 1.6rem;position: relative;overflow: visible;z-index: 1;}.thumb-img{width: 6.4rem;height: 6.4rem;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 0.4rem;cursor: pointer;opacity: 0.6;transition: all 0.2s ease;border: 0.2rem solid transparent;}.thumb-img:hover, .thumb-img.active-thumb{opacity: 1;border-color: #e7a100;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);}.img-prev, .img-next{position: absolute;top: 50%;transform: translateY(-50%);font-size: 1.6rem;background: none;border: none;color: #888;cursor: pointer;padding: 0.6rem 1.2rem;transition: color 0.3s ease, opacity 0.3s ease;opacity: 0;pointer-events: none;}.main-img-container:hover .img-prev, .main-img-container:hover .img-next, .main-img-container:has(.main-gallery-img:active) .img-prev, .main-img-container:has(.main-gallery-img:active) .img-next{opacity: 1;pointer-events: auto;}.img-prev:hover, .img-next:hover{color: #e7a100;}.img-prev{left: 0;}.img-next{right: 0;}@media (max-width: 768px){.product-box{flex-direction: column;}.product-content{padding-top: 0.5rem;flex: 1 1 100%;width: 100%;}.main-img-container-wrap{flex: 1 1 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;max-width: 100%;box-sizing: border-box;}.main-img-container{width: 100%;max-width: 30rem;aspect-ratio: 1 / 1;position: relative;text-align: center;box-sizing: border-box;margin-left: auto;margin-right: auto;}.product-box{overflow-x: hidden;}}.product-copyright{font-size: 1.2rem;color: #555;margin-top: 1rem;}.product-creative-review-box{padding-top: 2.4rem;font-family: system-ui, sans-serif;}.product-creative-review-heading{font-size: 2rem;font-weight: 600;margin-bottom: 1.6rem;color: #222;font-style: italic;}.product-creative-review-item{background-color: #fefefe;border: 1px solid #e5e5e5;border-radius: 1rem;padding: 1.6rem;margin-bottom: 2rem;box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.03);}.product-creative-review-author{font-weight: 600;font-size: 1.7rem;color: #333;margin-bottom: 0.4rem;}.product-creative-review-date{font-size: 1.4rem;color: #888;margin-bottom: 0.6rem;}.product-creative-review-stars{font-size: 2rem;color: #f5a623;letter-spacing: 0.1rem;margin-bottom: 1rem;}.product-creative-review-body{font-size: 1.5rem;line-height: 1.6;color: #444;font-style: italic;}