/*
 * Ecolux — single product information sections.
 *
 * Description + Specifications in one two-column card, Reviews in its own card
 * below. Loaded only on single product pages (see my-functions.php).
 *
 * SPECIFICITY NOTE — this file has to win against two things:
 *   1. inc/woocommerce-group-attributes/public/css/*.css, which styles the
 *      spec table at (0,3,5) with floats, percentage widths and !important
 *      backgrounds. Every override here is scoped with .prk-product-info so it
 *      lands at (0,4,5) and wins on merit rather than on !important.
 *   2. the site's inline "Additional CSS", which sets .title-desctop and the
 *      review CTA colours with !important. Those few rules are matched with
 *      !important because nothing else can beat them.
 *
 * No JS, no webfonts, no images. Decorative marks are CSS-drawn.
 */

.prk-product-info {
	--prk-ink: #1c1424;
	--prk-body: #56525f;
	--prk-muted: #8d8799;
	--prk-accent: #b400ae;
	--prk-accent-ink: #8e0089;
	--prk-gold: #c8a04a;
	--prk-line: #ebe7ef;
	--prk-line-soft: #f3f0f6;
	--prk-surface: #fff;
	--prk-surface-alt: #faf8fb;

	display: block;
	margin: 20px 0 0;
	color: var(--prk-body);
	font-family: 'prk-font';
}

/* ---------- Cards ---------- */

.prk-product-info .prk-info-card {
	background: var(--prk-surface);
	border: 1px solid var(--prk-line);
	border-radius: 16px;
	padding: 30px 32px;
	margin-bottom: 18px;
}

.prk-product-info .prk-info-card:last-child {
	margin-bottom: 0;
}

/* ---------- Two-column grid (RTL: description right, specs left) ---------- */

.prk-product-info .prk-info-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 0 40px;
	align-items: start;
}

.prk-product-info .prk-info-card--single .prk-info-grid {
	grid-template-columns: minmax(0, 1fr);
}

.prk-product-info .prk-info-col {
	min-width: 0;
}

/* ---------- Section headings ----------
   Every section's first heading becomes the section title. A short two-tone
   rule under it carries the accent without adding another coloured block. */

.prk-product-info .prk-info-section__body > h2,
.prk-product-info .prk-info-section__fallback-title,
.prk-product-info h2.title-des-pro,
.prk-product-info .title-commenter h2 {
	position: relative;
	display: block;
	margin: 0 0 14px;
	padding: 0 0 12px 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--prk-ink);
	letter-spacing: -.2px;
	border: 0;
}

.prk-product-info .prk-info-section__body > h2::after,
.prk-product-info .prk-info-section__fallback-title::after,
.prk-product-info h2.title-des-pro::after,
.prk-product-info .title-commenter h2::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 54px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(to left, var(--prk-accent) 0 28px, var(--prk-gold) 28px 100%);
}

/*
 * Product-name subtitle the theme prints under each heading. The site's inline
 * Additional CSS forces 20px/600/#a601ab on it with !important, which made it
 * compete with the real heading — demoted here to a quiet kicker.
 */
.prk-product-info .title-desctop {
	display: block;
	margin: -6px 0 18px !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
	color: var(--prk-muted) !important;
}

/* ---------- Description column ---------- */

.prk-product-info .prk-info-col--description .content-product.single,
.prk-product-info .prk-info-col--description .show-export {
	font-size: 14.5px;
	line-height: 2.1;
	color: var(--prk-body);
	text-align: justify;
	text-justify: inter-word;
}

.prk-product-info .prk-info-col--description .content-product.single p {
	margin: 0 0 14px;
}

.prk-product-info .prk-info-col--description .content-product.single p:last-child {
	margin-bottom: 0;
}

.prk-product-info .prk-info-col--description .content-product.single h2,
.prk-product-info .prk-info-col--description .content-product.single h3,
.prk-product-info .prk-info-col--description .content-product.single h4 {
	color: var(--prk-ink);
	font-weight: 700;
	line-height: 1.65;
	margin: 24px 0 10px;
	padding: 0;
}

.prk-product-info .prk-info-col--description .content-product.single h2 { font-size: 17px; }
.prk-product-info .prk-info-col--description .content-product.single h3 { font-size: 16px; }
.prk-product-info .prk-info-col--description .content-product.single h4 { font-size: 15px; }

.prk-product-info .prk-info-col--description .content-product.single ul,
.prk-product-info .prk-info-col--description .content-product.single ol {
	margin: 0 0 14px;
	padding: 0 18px 0 0;
}

.prk-product-info .prk-info-col--description .content-product.single li {
	margin-bottom: 6px;
	line-height: 1.95;
}

.prk-product-info .prk-info-col--description .content-product.single a {
	color: var(--prk-accent);
	text-decoration: underline;
	text-decoration-color: rgba(180, 0, 174, .3);
	text-underline-offset: 3px;
}

.prk-product-info .prk-info-col--description .content-product.single a:hover {
	color: var(--prk-accent-ink);
	text-decoration-color: currentColor;
}

.prk-product-info .prk-info-col--description .content-product.single img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
	border-radius: 12px;
}

/* Mobile-only 100-word preview. Defaults to "show everything" so the
   description never disappears if CSS fails to load or JS is off; only the
   860px media query below switches to the collapsed preview. */
.prk-product-info .prk-desc-preview {
	display: none;
}

.prk-product-info .prk-desc-full {
	display: block;
}

.prk-product-info .prk-desc-toggle {
	display: none;
}

/* Pros / cons blocks the theme can render above the description body. */
.prk-product-info .product-points {
	margin: 0 0 16px;
	padding: 14px 18px;
	background: var(--prk-surface-alt);
	border: 1px solid var(--prk-line);
	border-radius: 12px;
}

.prk-product-info .product-points ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.prk-product-info .product-points li {
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--prk-body);
}

/* ===================================================================
   Specifications — rebuilt as a flat spec sheet.
   The bundled group-attributes plugin lays these rows out with
   float:right + width:22%/73% + margin-right:29px, which overflowed the
   column. Everything below unwinds that and rebuilds it as flex rows.
   =================================================================== */

.prk-product-info .prk-info-col--specs .prk-info-section__body {
	background: var(--prk-surface-alt);
	border: 1px solid var(--prk-line);
	border-radius: 14px;
	padding: 22px 22px 8px;
}

/* The group header is just a decorative orange chevron in this build. */
.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr th.attribute_group_name,
.prk-product-info .prk-info-col--specs .attribute_group_name {
	display: none !important;
}

.prk-product-info .prk-info-col--specs table,
.prk-product-info .prk-info-col--specs table tbody,
.prk-product-info .prk-info-col--specs table tr,
.prk-product-info .prk-info-col--specs table td,
.prk-product-info .prk-info-col--specs table th {
	border: 0;
	background: none;
	width: auto;
}

.prk-product-info .prk-info-col--specs > .prk-info-section > .prk-info-section__body table.shop_attributes {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td,
.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* One specification row. */
.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr,
.prk-product-info .prk-info-col--specs .shop_attributes > tbody > tr,
.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	margin: 0 !important;
	padding: 12px 0;
	border-bottom: 1px solid var(--prk-line);
}

.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr:last-child,
.prk-product-info .prk-info-col--specs .shop_attributes > tbody > tr:last-child,
.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item:last-child {
	border-bottom: 0;
}

/* Label — quiet, right side. */
.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_name,
.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item__label {
	flex: 0 1 auto;
	float: none;
	display: block;
	width: auto;
	max-width: 48%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none !important;
	font-size: 14px;
	font-weight: 500;
	font-family: 'prk-font';
	line-height: 1.8;
	color: #48474b !important;
	text-align: right;
}

/* Value — emphasised, left side. */
.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value,
.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item__value {
	flex: 1 1 auto;
	float: none;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none !important;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.8;
	color: var(--prk-ink) !important;
	text-align: left;
}

.prk-product-info .prk-info-col--specs .attribute_value p,
.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item__value p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.prk-product-info .prk-info-col--specs .attribute_value a {
	color: var(--prk-accent) !important;
	text-decoration: none;
}

.prk-product-info .prk-info-col--specs .attribute_value a:hover {
	text-decoration: underline;
}

/* ===================================================================
   Reviews
   =================================================================== */

.prk-product-info .prk-info-card--reviews .reviw-tabs,
.prk-product-info .prk-info-card--reviews .panel-pad,
.prk-product-info .prk-info-card--reviews .continer-rating {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
}

.prk-product-info .prk-info-card--reviews .title-commenter {
	margin-bottom: 20px;
}

.prk-product-info .prk-info-card--reviews .counter {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}

.prk-product-info .prk-info-card--reviews .countes {
	font-size: 12.5px;
	color: var(--prk-muted) !important;
}

/* Per-criterion rating bars */
/* Fixed two columns, not auto-fit: the criteria count is usually 4, and
   auto-fit left a lopsided 3 + 1 row at common widths. */
.prk-product-info .custom-option-ratings {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 34px;
	padding: 20px 22px;
	background: var(--prk-surface-alt);
	border: 1px solid var(--prk-line);
	border-radius: 14px;
}

.prk-product-info .custom-option-ratings .detail-option-rating {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.prk-product-info .custom-option-ratings .detail-option-rating .title-option-ratings {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	color: var(--prk-body);
	white-space: nowrap;
}

.prk-product-info .custom-option-ratings .progres-option-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

.prk-product-info .custom-option-ratings .percent-option-rating {
	flex: 1 1 auto;
	min-width: 54px;
	height: 6px;
	margin: 0;
	border-radius: 99px;
	background: var(--prk-line) !important;
	overflow: hidden;
}

.prk-product-info .custom-option-ratings .percent-option-rating strong {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: var(--prk-accent);
}

.prk-product-info .custom-option-ratings .progres-option-rating > span {
	flex: 0 0 auto;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--prk-ink);
}

/* "Add your review" call to action.
   The site's inline CSS forces this link to the brand colour with !important,
   which rendered magenta text on the magenta button — invisible. */
.prk-product-info .go-insert-comment {
	margin-top: 20px;
	padding: 22px 24px;
	border: 1px solid var(--prk-line);
	border-radius: 14px;
	background: var(--prk-surface-alt);
}

.prk-product-info .go-insert-comment .title-insert {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--prk-ink);
	margin-bottom: 16px;
}

.prk-product-info .continer-rating .go-insert-comment a,
.prk-product-info .go-insert-comment a {
	display: inline-block;
	padding: 10px 30px;
	border: 0;
	border-radius: 10px;
	background: var(--prk-accent) !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.7;
	text-decoration: none;
	transition: background-color .15s ease;
}

/* 2.prk-plus.css hangs a parsfont glyph (\eb13) and a big "+" bubble off this
   button via ::before/::after. Plain text button only. */
.prk-product-info .continer-rating .go-insert-comment a::before,
.prk-product-info .continer-rating .go-insert-comment a::after,
.prk-product-info .go-insert-comment a::before,
.prk-product-info .go-insert-comment a::after {
	content: none !important;
	display: none !important;
}

.prk-product-info .continer-rating .go-insert-comment a:hover,
.prk-product-info .go-insert-comment a:hover {
	background: var(--prk-accent-ink) !important;
}

/* Comment list heading — the theme hangs a CSS triangle off this. */
.prk-product-info .commnet-lister {
	display: block;
	position: relative;
	margin: 28px 0 16px;
	padding: 22px 0 0;
	border-top: 1px solid var(--prk-line);
	font-size: 15px;
	font-weight: 700;
	color: var(--prk-ink);
}

.prk-product-info .reviw-tabs .commnet-lister::before {
	display: none !important;
}

.prk-product-info .woocommerce-noreviews {
	margin: 0;
	padding: 28px 20px;
	text-align: center;
	font-size: 13.5px;
	color: var(--prk-muted);
	background: var(--prk-surface-alt);
	border: 1px dashed var(--prk-line);
	border-radius: 14px;
}

/* ---------- Responsive ---------- */

@media (max-width: 1100px) {
	.prk-product-info .prk-info-grid {
		gap: 0 30px;
	}

	.prk-product-info .prk-info-card {
		padding: 26px 24px;
	}
}

@media (max-width: 860px) {
	.prk-product-info .prk-info-card {
		padding: 20px 18px;
		border-radius: 14px;
	}

	.prk-product-info .prk-info-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px 0;
	}

	.prk-product-info .prk-info-section__body > h2,
	.prk-product-info .prk-info-section__fallback-title,
	.prk-product-info h2.title-des-pro,
	.prk-product-info .title-commenter h2 {
		font-size: 17px;
	}

	.prk-product-info .prk-info-col--description .content-product.single,
	.prk-product-info .prk-info-col--description .show-export {
		font-size: 14px;
		line-height: 2.05;
	}

	.prk-product-info .prk-info-col--specs .prk-info-section__body {
		padding: 16px 16px 6px;
	}

	.prk-product-info .custom-option-ratings {
		grid-template-columns: minmax(0, 1fr);
		padding: 16px;
		gap: 12px;
	}

	/* 100-word preview: collapsed by default, full content behind
	   the "نمایش بیشتر" toggle (see custom.js .mask-handler handler). */
	.prk-product-info .prk-desc-wrap.has-more .prk-desc-full {
		display: none;
	}

	.prk-product-info .prk-desc-wrap.has-more .prk-desc-preview {
		display: block;
	}

	.prk-product-info .prk-desc-wrap.has-more.open .prk-desc-full {
		display: block;
	}

	.prk-product-info .prk-desc-wrap.has-more.open .prk-desc-preview {
		display: none;
	}

	.prk-product-info .prk-desc-wrap.has-more .prk-desc-toggle {
		display: block;
		margin-top: 12px;
		text-align: center;
	}
}

@media (max-width: 520px) {
	/* Short values (<= 15 words, flagged server-side — see
	   woocommerce-group-attributes-output-layout-2.php / custom_info_tab.php)
	   stay on one row like desktop. Long values still stack under the label,
	   otherwise they get squeezed into a sliver next to it. */
	.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr:has(.attribute_value.prk-value-long),
	.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item:has(.woocommerce-product-attributes-item__value.prk-value-long) {
		flex-direction: column;
		align-items: stretch;
		gap: 3px;
	}

	.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr,
	.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item {
		padding: 11px 0;
	}

	.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_name,
	.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item__label {
		font-size: 13px;
	}

	.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr:has(.attribute_value.prk-value-long) .attribute_name,
	.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item:has(.woocommerce-product-attributes-item__value.prk-value-long) .woocommerce-product-attributes-item__label {
		max-width: none;
	}

	.prk-product-info .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr:has(.attribute_value.prk-value-long) .attribute_value,
	.prk-product-info .prk-info-col--specs .woocommerce-product-attributes-item:has(.woocommerce-product-attributes-item__value.prk-value-long) .woocommerce-product-attributes-item__value {
		text-align: right;
	}

	.prk-product-info .go-insert-comment {
		padding: 16px;
	}

	.prk-product-info .continer-rating .go-insert-comment a,
	.prk-product-info .go-insert-comment a {
		display: block;
		text-align: center;
	}

	.prk-product-info .custom-option-ratings .detail-option-rating {
		flex-wrap: wrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prk-product-info .go-insert-comment a {
		transition: none;
	}
}

/* ===================================================================
   Review submission form (?insert-comment) and the user comment list.

   The form renders standalone via single-product.php -> form-comment.php,
   outside .prk-product-info, so it is scoped by its own #review_form_wrapper.
   =================================================================== */

#review_form_wrapper {
	font-family: 'prk-font';
}

#review_form_wrapper .parskala-input-comment-form label,
#review_form_wrapper .comment-form-rating label {
	font-family: 'prk-font';
}

/* ---------- Mobile ---------- */

@media (max-width: 860px) {
	#review_form_wrapper {
		padding: 0 2px;
	}

	/* Product header: thumbnail above the title instead of a cramped row. */
	#review_form_wrapper .main-thumbnail-ratings-title {
		display: block;
	}

	#review_form_wrapper .thumbnail-product-review {
		width: auto;
		margin: 0 auto 12px;
		text-align: center;
	}

	#review_form_wrapper .thumbnail-product-review img {
		width: 88px;
		height: 88px;
		max-width: 88px;
		object-fit: contain;
		border-radius: 12px;
		margin: 0 auto;
	}

	#review_form_wrapper .title-product-and-rtaing-options {
		width: 100%;
		margin: 0;
	}

	#review_form_wrapper .title-product-review {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 4px;
	}

	#review_form_wrapper .title-product-review .en_name_pro {
		display: block;
		font-size: 12px;
		font-weight: 400;
		opacity: .7;
	}

	/* Rating sliders: label on its own line, slider full width below it. */
	#review_form_wrapper .container-option-ratings {
		display: block;
		width: 100%;
		margin: 0 0 18px;
		padding: 0;
	}

	#review_form_wrapper .prk-title-ratings-review,
	#review_form_wrapper .capisa-title-ratings-review {
		display: block;
		width: 100%;
		margin: 0 0 14px;
		font-size: 13.5px;
		font-weight: 600;
		text-align: right;
	}

	#review_form_wrapper .prk-main-nouislider,
	#review_form_wrapper .capisa-main-nouislider {
		display: flex;
		align-items: center;
		gap: 14px;
		width: 100%;
	}

	#review_form_wrapper .prk-nouislider {
		flex: 1 1 auto;
		min-width: 0;
	}

	#review_form_wrapper .l-left {
		flex: 0 0 auto;
		min-width: 58px;
		text-align: left;
		font-size: 12.5px;
	}

	/* Two-up input rows stack. */
	#review_form_wrapper .parskala-half-input {
		display: block;
	}

	/* !important required: 2.prk-plus.css pins these to
	   `div.parskala-half-input p.parskala-input-comment-form { width:49% !important }`. */
	#review_form_wrapper .parskala-input-comment-form,
	#review_form_wrapper div.parskala-half-input p.parskala-input-comment-form {
		display: block;
		width: 100% !important;
		float: none;
		margin: 0 0 14px;
		padding: 0;
	}

	#review_form_wrapper .parskala-input-comment-form label,
	#review_form_wrapper .comment-form-rating label {
		display: block;
		margin-bottom: 6px;
		font-size: 13px;
		font-weight: 600;
	}

	#review_form_wrapper .parskala-input-comment-form input[type="text"],
	#review_form_wrapper .parskala-input-comment-form input[type="email"],
	#review_form_wrapper input#author,
	#review_form_wrapper textarea#comment {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		/* 16px keeps iOS Safari from zooming the viewport on focus. */
		font-size: 16px;
		font-family: 'prk-font';
		padding: 11px 12px;
		border-radius: 10px;
	}

	#review_form_wrapper textarea#comment {
		min-height: 150px;
		line-height: 1.9;
	}

	/* Rating select sits on its own row rather than beside the label. */
	#review_form_wrapper .flexed {
		display: block;
	}

	#review_form_wrapper .comment-form-rating {
		display: block;
		width: 100%;
		margin: 0 0 14px;
	}

	#review_form_wrapper .comment-form-rating select#rating {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		font-family: 'prk-font';
		padding: 11px 12px;
		border-radius: 10px;
	}

	/* Strength / weakness chips. */
	#review_form_wrapper .item_added_advantages,
	#review_form_wrapper .item_added_disadvantage {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin: 6px 0 0 6px;
		padding: 5px 10px;
		border-radius: 8px;
		font-size: 12.5px;
		line-height: 1.7;
	}

	/* "Would you recommend this?" radios stack. */
	#review_form_wrapper .parskala-recommend-product-reveiw {
		display: block;
		margin: 0 0 16px;
	}

	#review_form_wrapper .parskala-recommend-product-reveiw > span {
		display: block;
		margin-bottom: 10px;
		font-size: 13.5px;
		font-weight: 600;
	}

	#review_form_wrapper .parskala-recommend-product-reveiw label {
		display: flex;
		align-items: center;
		gap: 8px;
		/* 44px tap target. */
		min-height: 44px;
		margin: 0 0 2px;
		font-size: 13.5px;
	}

	/* Submit: full width, comfortable tap target. */
	#review_form_wrapper .form-submit {
		margin: 18px 0 0;
	}

	#review_form_wrapper .form-submit input#submit {
		width: 100%;
		min-height: 48px;
		font-size: 15px;
		font-family: 'prk-font';
		font-weight: 700;
		border-radius: 12px;
	}

	#review_form_wrapper .go-back {
		display: block;
		margin-top: 14px;
		text-align: center;
		font-size: 13px;
	}
}

/* ===================================================================
   Posted reviews — compact card list + "خریدار" badge + pagination.

   SPECIFICITY: 2.prk-plus.css styles these with `.reviw-tabs #comments
   .commentlist …` (1 id + 3 classes + n elements). Selectors here carry
   `.prk-product-info` ON TOP of that same chain, so they land one class
   higher and win outright — matching the theme's element depth exactly
   where it uses `ul li::before`.
   =================================================================== */

.prk-product-info .reviw-tabs #comments ol.commentlist,
.prk-product-info .reviw-tabs #comments .coments-left {
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	border: 0;
}

/* Card */
.prk-product-info .reviw-tabs #comments .commentlist li.comment,
.prk-product-info .reviw-tabs #comments .commentlist li.review {
	display: block;
	width: 100%;
	float: none;
	margin: 0 0 10px;
	padding: 16px 18px;
	box-sizing: border-box;
	background: var(--prk-surface);
	border: 1px solid var(--prk-line);
	border-radius: 12px;
	box-shadow: none;
}

.prk-product-info .reviw-tabs #comments .commentlist li.comment:last-child,
.prk-product-info .reviw-tabs #comments .commentlist li.review:last-child {
	margin-bottom: 0;
}

.prk-product-info .reviw-tabs #comments .commentlist .comment_container,
.prk-product-info .reviw-tabs #comments .commentlist .comment-text {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	overflow: hidden;
}

/* The gravatar adds bulk without adding information here. */
.prk-product-info .reviw-tabs #comments .commentlist img.avatar {
	display: none;
}

.prk-product-info .reviw-tabs #comments .commentlist .star-rating {
	float: left;
	margin: 1px 0 0 0;
	font-size: 12px;
}

.prk-product-info .reviw-tabs #comments .commentlist .title_comment {
	margin: 0 0 4px;
	padding: 0;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--prk-ink);
}

.prk-product-info .reviw-tabs #comments .commentlist .meta {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.9;
	color: var(--prk-muted);
}

.prk-product-info .reviw-tabs #comments .commentlist .meta strong.woocommerce-review__author {
	font-weight: 600;
	color: var(--prk-body);
}

/* "خریدار" — very light brand tint, bold brand-coloured text. */
.prk-product-info .reviw-tabs #comments .commentlist .meta em.woocommerce-review__verified,
.prk-product-info .reviw-tabs #comments .commentlist .meta em.verified {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 2px 10px;
	border-radius: 999px;
	background: rgba(180, 0, 174, .08);
	color: var(--prk-accent) !important;
	font-size: 11.5px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.85;
	white-space: nowrap;
}

/* Strengths / weaknesses — inline chips instead of tall bulleted columns. */
.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage_advantages {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px 20px;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
}

.prk-product-info .reviw-tabs #comments .commentlist .main_advantages,
.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	flex: 0 1 auto;
	max-width: 100%;
	width: auto;
	margin: 0;
	padding: 0;
}

.prk-product-info .reviw-tabs #comments .commentlist .main_advantages > span,
.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage > span {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.prk-product-info .reviw-tabs #comments .commentlist .main_advantages > span { color: #15a34a; }
.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage > span { color: #e11d48; }

.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage_advantages ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.75;
}

.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage_advantages ul li {
	margin: 0;
	padding: 2px 9px;
	background: var(--prk-surface-alt);
	border: 1px solid var(--prk-line);
	border-radius: 7px;
	font-size: 12px;
	line-height: 1.75;
	color: var(--prk-body);
	list-style: none;
}

/* Theme draws a grey dot before each item; the chip replaces it. */
.prk-product-info .reviw-tabs #comments .commentlist .main_advantages ul li::before,
.prk-product-info .reviw-tabs #comments .commentlist .main_disadvantage ul li::before {
	content: none !important;
	display: none !important;
	margin: 0;
}

.prk-product-info .reviw-tabs #comments .commentlist .description,
.prk-product-info .reviw-tabs #comments .commentlist .description p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--prk-body);
}

.prk-product-info .reviw-tabs #comments .commentlist .description p + p {
	margin-top: 8px;
}

/* ---------- Review pagination (4 per page) ---------- */

.prk-product-info .prk-info-card--reviews .woocommerce-pagination {
	margin: 16px 0 0;
	padding: 0;
}

.prk-product-info .prk-info-card--reviews .woocommerce-pagination ul,
.prk-product-info .prk-info-card--reviews .woocommerce-pagination ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.prk-product-info .prk-info-card--reviews .woocommerce-pagination li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.prk-product-info .prk-info-card--reviews .woocommerce-pagination a.page-numbers,
.prk-product-info .prk-info-card--reviews .woocommerce-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* 40px keeps these comfortably tappable. */
	min-width: 40px;
	min-height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid var(--prk-line);
	border-radius: 10px;
	background: var(--prk-surface);
	color: var(--prk-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease;
}

.prk-product-info .prk-info-card--reviews .woocommerce-pagination a.page-numbers:hover {
	border-color: var(--prk-accent);
	color: var(--prk-accent);
}

.prk-product-info .prk-info-card--reviews .woocommerce-pagination .page-numbers.current {
	background: var(--prk-accent) !important;
	border-color: var(--prk-accent);
	color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
	.prk-product-info .prk-info-card--reviews .woocommerce-pagination a.page-numbers {
		transition: none;
	}
}

/* ---------- Reviews section on mobile ---------- */

@media (max-width: 860px) {
	/* 2.prk-plus.css sets `.continer-rating { display:flex }`, which put the
	   rating bars and the "add a review" box into two ~180px columns. */
	.prk-product-info .prk-info-card--reviews .continer-rating {
		display: block;
	}

	.prk-product-info .prk-info-card--reviews .custom-option-ratings {
		padding: 14px;
		gap: 10px;
	}

	.prk-product-info .custom-option-ratings .title-option-ratings {
		font-size: 12.5px;
		white-space: normal;
	}

	/* The card heading already reads "نظرات کاربران"; this repeats it verbatim. */
	.prk-product-info .prk-info-card--reviews .commnet-lister {
		display: none;
	}

	.prk-product-info .prk-info-card--reviews #comments {
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid var(--prk-line);
	}

	.prk-product-info .reviw-tabs #comments .commentlist li.comment,
	.prk-product-info .reviw-tabs #comments .commentlist li.review {
		padding: 13px 14px;
		margin-bottom: 8px;
		border-radius: 11px;
	}

	.prk-product-info .reviw-tabs #comments .commentlist .title_comment {
		font-size: 14px;
		/* Room for the floated star rating. */
		padding-left: 82px;
	}

	.prk-product-info .reviw-tabs #comments .commentlist .meta {
		margin-bottom: 8px;
		font-size: 11.5px;
	}

	.prk-product-info .reviw-tabs #comments .commentlist .description,
	.prk-product-info .reviw-tabs #comments .commentlist .description p {
		font-size: 13px;
		line-height: 1.9;
	}

	.prk-product-info .prk-info-card--reviews .go-insert-comment {
		margin-top: 14px;
		padding: 16px;
	}
}