/* Product detail panel only.
   style.css keeps tables left with:
   .jgc-product-tabs .woocommerce-Tabs-panel table { display:block; overflow-x:auto }
   That block is the full panel width, so the rows stay on the left.
   display:table and width:max-content put the table in the middle. */
.jgc-product-tabs .woocommerce-Tabs-panel--description {
	text-align: center;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description :is(h2, h3, h4, p, li, div) {
	text-align: center;
}
.jgc-product-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description table {
	display: table !important;
	float: none !important;
	width: max-content !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description :is(th, td) {
	text-align: center !important;
	float: none !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description img {
	display: block;
	width: auto !important;
	max-width: min(720px, 100%) !important;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-desc-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 800px));
	justify-content: center;
	gap: 16px;
	width: min(1616px, 100%);
	margin: 16px auto 20px;
	position: relative;
	left: auto;
	transform: none;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-desc-gallery p {
	width: auto !important;
	max-width: 800px !important;
	margin: 0 !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-desc-gallery img.jgc-desc-photo {
	display: block;
	width: 100% !important;
	max-width: 800px !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	margin: 0 auto;
	background: #fff;
}
@media (max-width: 700px) {
	.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-desc-gallery {
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
		left: auto;
		transform: none;
	}
}

/* Specifications / 商品属性 only. Packaging tables stay on the rules above. */
.jgc-product-tabs .woocommerce-Tabs-panel--description table.jgc-attr-table {
	display: table !important;
	width: min(720px, 100%) !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-collapse: collapse !important;
	border: 1px solid #d0d0d0 !important;
	text-align: left !important;
	table-layout: fixed !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description table.jgc-attr-table :is(th, td) {
	text-align: left !important;
	vertical-align: top;
	border: 1px solid #d0d0d0 !important;
	padding: 8px 12px;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
	float: none !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description table.jgc-attr-table th {
	width: 34%;
	font-weight: 700;
	background: #f6f6f6;
}

/* Spec blocks are attribute tables, even when they have no jgc-attr-table class.
   max-content tables clip long values on a phone. */
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-spec-blocks table {
	display: table !important;
	width: min(720px, 100%) !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-collapse: collapse !important;
	border: 1px solid #d0d0d0 !important;
	text-align: left !important;
	table-layout: fixed !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-spec-blocks table :is(th, td) {
	text-align: left !important;
	vertical-align: top;
	border: 1px solid #d0d0d0 !important;
	padding: 8px 12px;
	white-space: normal !important;
	overflow-wrap: break-word;
	word-break: break-word;
	float: none !important;
}
.jgc-product-tabs .woocommerce-Tabs-panel--description .jgc-spec-blocks table th {
	width: 38%;
	font-weight: 700;
	background: #f6f6f6;
}
.jgc-product-tabs .woocommerce-tabs ul.tabs {
	display: flex;
	align-items: flex-end;
	gap: 36px;
	list-style: none;
	padding: 0;
}
.jgc-product-tabs .woocommerce-tabs ul.tabs li {
	list-style: none;
	margin: 0;
	padding: 0 2px 10px;
	border-bottom: 4px solid transparent;
}
.jgc-product-tabs .woocommerce-tabs ul.tabs li::marker {
	content: "";
}
.jgc-product-tabs .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 4px 2px;
	color: #111;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}
.jgc-product-tabs .woocommerce-tabs ul.tabs li.active {
	border-bottom: 4px solid #ffc21c;
}
.jgc-product-tabs .woocommerce-tabs ul.tabs li.active a {
	color: #111;
}
.jgc-freight-note,
.jgc-shipping-note {
	margin: 10px 0 0;
	color: #444;
	font-size: 13px;
	line-height: 1.55;
}