.product-details {
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
}

@media (max-width: 575px) {
	.product-details {
		gap: 1rem;
	}
}

.product-details .ratings-area {
	margin-top: 3px;
}

.product-detail-price {
	margin-top: 8px;
}

.product-types {
	gap: 6px;
}

.product-details-label,
.product-share b {
	font-size: 0.875rem;
	font-weight: 600;
}

.product-types span a {
	color: hsl(var(--body-color));
}

.product-types span a:hover {
	color: hsl(var(--base));
}

.product-details .ratings {
	font-size: 1rem;
}

.product-details .product-price {
	line-height: 1;
	font-weight: 600;
	font-size: 1.1rem;
}

.product-details .product-price {
	color: hsl(var(--heading-color));
}

.product-details .product-price del {
	color: hsl(var(--heading-color) / 0.6);
}

.product-add-to-cart {
	display: flex;
	gap: 0.8rem;
}

.product-details .product-share a {
	background: hsl(var(--white));
	padding: 5px 12px;
	color: hsl(var(--white));
	border-radius: 3px;
	margin: 0 2px;
	border: 1px solid #ebebeb;
	color: #424242;
	transition: 0.3s;
}

.product-details .product-share a:hover {
	color: hsl(var(--base));
}

/* Variant combination availability (server-rendered data-valid-combinations) */
.attributeBtn.option-unavailable {
	opacity: 0.4;
	text-decoration: line-through;
	pointer-events: none;
	cursor: not-allowed;
}
.attributeBtn.option-out-of-stock {
	opacity: 0.4;
	text-decoration: line-through;
	cursor: not-allowed;
}

.product-details .add-to-wishlist-btn {
	border: 1px solid hsl(var(--border));
	padding: 8px 14px;
	font-size: 0.875rem;
	border-radius: 3px;
}

.product-details .add-to-wishlist-btn .wish-icon {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 400;
}

.product-details .add-to-wishlist-btn .wish-icon::after {
	content: "\f004";
}

.product-details .add-to-wishlist-btn.active .wish-icon,
.product-details .add-to-wishlist-btn.active .compare-icon {
	font-weight: 900;
	color: hsl(var(--base));
}

.product-details-video {
	max-width: 600px;
	height: 400px;
	width: 100%;
	border-radius: 8px;
}

@media (max-width: 767px) {
	.product-details-video {
		height: 320px;
	}
}

@media (max-width: 425px) {
	.product-details-video {
		height: 200px;
	}
}
.review--image {
	display: flex;
	gap: 5px;
	margin-top: 5px;
}

.review--image a {
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	padding: 5px;
}

.review--image img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.review-reply-items .review-item .thumb {
	height: 45px !important;
	width: 45px !important;
	padding: 8px;
}

.review-reply-items .posted-by {
	font-size: 16px;
}

.review-reply-items .posted-by .posted-on {
	font-size: 13px;
}

.review-reply-items .review--image a {
	height: 80px;
	width: 80px;
}

.review-reply-items .review-item__reply-msg {
	font-size: 15px;
}

/* =========================================================
   Top product info block redesign (screenshot match)
   Gold/black B2B layout. All existing rules above are kept
   intact so the Similar Products sidebar, image gallery, etc.
   stay byte-for-byte identical.
   ========================================================= */

.pd-info {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pd-badge-new {
	display: inline-block;
	background: #f5b800;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	border-radius: 4px;
	text-transform: uppercase;
}

.pd-title {
	font-size: 26px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.25;
	margin: 0;
}

.pd-meta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.pd-stars {
	display: inline-flex;
	gap: 2px;
	font-size: 16px;
	color: #f5b800;
}

/* Solid gold for filled + half stars. !important wins over any theme
   default that bleeds in via the global Line Awesome stylesheet. The bare
   `.pd-stars i` selector is the safety net so any class variant we missed
   still resolves to the brand yellow. */
.pd-stars .la-star,
.pd-stars .la-star-half-alt,
.pd-stars i.la.la-star,
.pd-stars i.la.la-star-half-alt,
.pd-stars i.las.la-star-half-alt,
.pd-stars i.la.la-star.la,
.pd-stars i[class*="la-star"]:not(.lar),
.review-area .ratings .la-star,
.review-area .ratings .la-star-half-alt,
.review-area .ratings i.la.la-star,
.review-area .ratings i.la.la-star-half-alt,
.review-area .ratings i.las.la-star-half-alt,
.review-area .ratings i[class*="la-star"]:not(.lar) {
	color: #f5b800 !important;
}

/* Light gray outline for empty stars (Line Awesome Regular class). The
   gray is intentionally a touch darker than #e5e7eb so empty stars read
   clearly against a white card without looking white/washed out. */
.pd-stars .lar,
.pd-stars i.la.lar,
.pd-stars i.lar.la-star,
.pd-stars i.la.lar.la-star,
.review-area .ratings .lar,
.review-area .ratings i.la.lar,
.review-area .ratings i.lar.la-star,
.review-area .ratings i.la.lar.la-star {
	color: #cbd5e1 !important;
}

.pd-rating-num {
	font-size: 14px;
	color: #6b7280;
	font-weight: 500;
}

.pd-in-stock {
	display: inline-block;
	background: #1a1a1a;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	letter-spacing: 0.3px;
}

.pd-out-of-stock {
	display: inline-block;
	background: #dc2626;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	letter-spacing: 0.3px;
}

.pd-price-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: #374151;
}

.pd-price {
	font-size: 26px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1;
}

.pd-old-price {
	font-size: 15px;
	color: #9ca3af;
	text-decoration: line-through;
}

.pd-discount-pill {
	background: #f5b800;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 13px;
	padding: 4px 10px;
	border-radius: 4px;
	letter-spacing: 0.2px;
}

.pd-discount-pill:empty {
	display: none;
}

.pd-unit {
	font-size: 14px;
	color: #6b7280;
}

/* Line total, sitting directly under the per-piece price. Deliberately
   high-contrast (green on a tinted chip) so it reads as the number the
   customer is about to be charged, not as secondary metadata. */
.pd-total-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	margin: 10px 0 2px;
	padding: 8px 14px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-left: 4px solid #16a34a;
	border-radius: 6px;
	width: fit-content;
	max-width: 100%;
}

.pd-total-label {
	font-size: 13px;
	font-weight: 600;
	color: #166534;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.pd-total-value {
	font-size: 24px;
	font-weight: 700;
	color: #15803d;
	line-height: 1.1;
	/* Keeps a 7-digit total from reflowing the row as the digits change. */
	font-variant-numeric: tabular-nums;
}

.pd-total-for {
	font-size: 13px;
	color: #166534;
}

.pd-total-for b {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.pd-gst-pill {
	border: 1px solid #f5b800;
	color: #1a1a1a;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: #fff;
	margin-left: auto;
}

.pd-qty-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

/* Wraps the stepper so the "Minimum Order: N Pieces" note can sit directly
   beneath it without pushing the Add to Cart button out of line. */
.pd-stepper-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.pd-moq-note {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 600;
	color: #b8860b;
	line-height: 1.3;
}

.pd-moq-note i {
	font-size: 15px;
}

.pd-stepper {
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	overflow: hidden;
}

.pd-stepper .qtyButton {
	background: #fff;
	border: 0;
	color: #1a1a1a;
	width: 36px;
	height: 44px;
	font-size: 16px;
	cursor: pointer;
}

.pd-stepper .qtyButton:hover {
	background: #f9fafb;
}

.pd-stepper .qtyButton:disabled {
	color: #cbd5e1;
	cursor: not-allowed;
}

.pd-stepper input[name="quantity"] {
	width: 56px;
	height: 44px;
	border: 0;
	border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #1a1a1a;
	-moz-appearance: textfield;
}

.pd-stepper input[name="quantity"]::-webkit-outer-spin-button,
.pd-stepper input[name="quantity"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.pd-btn-cart {
	background: #f5b800 !important;
	color: #1a1a1a !important;
	border: 0 !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 12px 22px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.pd-btn-cart:hover {
	background: #e0a800 !important;
	color: #1a1a1a !important;
}

.pd-btn-cart:disabled {
	background: #f3f4f6 !important;
	color: #9ca3af !important;
	cursor: not-allowed;
}

.pd-btn-quote {
	background: #1a1a1a !important;
	color: #f5b800 !important;
	border: 0 !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 12px 22px !important;
	border-radius: 6px !important;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.pd-btn-quote:hover {
	background: #000 !important;
	color: #f5b800 !important;
}

.pd-min-order {
	font-size: 13px;
	color: #6b7280;
}

.pd-bmsm {
	border: 1px solid #f1f1f1;
	border-radius: 8px;
	padding: 14px 16px;
	background: #fff;
}

.pd-bmsm-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
}

.pd-bmsm-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: #f5b800;
	color: #1a1a1a;
	font-weight: 800;
	border-radius: 4px;
	font-size: 13px;
}

.pd-bmsm-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

/* Strikethrough catalog price rendered next to the per-piece tier
   price when a discount applies. Sits inline with the price so the
   card stays compact. */
.pd-bmsm-old {
	display: inline-block;
	margin-left: 4px;
	color: #9ca3af;
	text-decoration: line-through;
	font-size: 0.85em;
	font-weight: 500;
	vertical-align: baseline;
}

/* "Total for X Pcs: ₹X,XXX" line. Slightly muted so it doesn't
   compete with the per-piece price for attention, but bold on the
   total itself so the customer can scan it quickly. */
.pd-bmsm-total {
	display: block;
	font-size: 10px;
	color: #6b7280;
	margin-top: 4px;
	line-height: 1.4;
}

.pd-bmsm-total b {
	color: #1a1a1a;
	font-weight: 700;
}

/* "Bulk Price" pill used when the admin set an absolute price rather
   than a discount percent — visually quieter than the gold "X% OFF"
   pill so it doesn't look like a fake discount. */
.pd-bmsm-off--muted {
	background: #e5e7eb !important;
	color: #374151 !important;
}

@media (max-width: 575px) {
	.pd-bmsm-grid {
		grid-template-columns: 1fr;
	}
}

.pd-bmsm-card {
	border: 1px solid #eef0f3;
	border-radius: 6px;
	padding: 10px 12px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
	user-select: none;
}

.pd-bmsm-card:hover {
	border-color: #f5b800;
}

.pd-bmsm-card.pd-bmsm-selected {
	border-color: #f5b800;
	background: #fff8e1;
	box-shadow: inset 0 0 0 1px #f5b800;
}

.pd-bmsm-card b {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 700;
}

.pd-bmsm-price {
	color: #15803d;
	font-weight: 700;
	font-size: 16px;
}

.pd-bmsm-unit {
	color: #6b7280;
	font-size: 12px;
	margin-left: 2px;
}

.pd-bmsm-off {
	display: inline-block;
	background: #f5b800;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 4px;
	align-self: flex-start;
}

.pd-variants-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.pd-attr-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pd-attr-label {
	font-size: 14px;
	color: #1a1a1a;
}

.pd-attr-label b {
	font-weight: 700;
}

.pd-attr-selected {
	color: #6b7280;
	margin-left: 4px;
}

.pd-attr-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pd-attr-pill {
	background: #fff;
	border: 1px solid #e5e7eb;
	color: #1a1a1a;
	font-weight: 600;
	font-size: 13px;
	padding: 7px 14px;
	border-radius: 6px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: border-color 0.15s ease, background 0.15s ease;
	min-height: 36px;
}

.pd-attr-pill .color-attribute {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid #d1d5db;
}

.pd-attr-pill .color-attribute.bg--img {
	background-size: cover;
	background-position: center;
}

.pd-attr-pill.active {
	border-color: #f5b800;
	background: #fff8e1;
	color: #1a1a1a;
	font-weight: 700;
	box-shadow: inset 0 0 0 1px #f5b800;
}

.pd-attr-pill.option-unavailable,
.pd-attr-pill.option-out-of-stock {
	opacity: 0.4;
	text-decoration: line-through;
	pointer-events: none;
	cursor: not-allowed;
}

.pd-about-card {
	border: 1px solid #f1f1f1;
	border-radius: 8px;
	padding: 18px 20px;
	background: #fff;
	margin-top: 22px;
}

.pd-about-card h5 {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 12px;
}

.pd-about-rows {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
	color: #374151;
}

.pd-about-rows li b {
	color: #1a1a1a;
	font-weight: 700;
	margin-right: 4px;
}

.pd-about-rows a {
	color: #1a1a1a;
}

.pd-about-rows a:hover {
	color: #f5b800;
}

.pd-tags {
	margin-top: 12px;
	font-size: 14px;
	color: #1a1a1a;
}

.pd-tag-chip {
	display: inline-block;
	background: #f3f4f6;
	color: #374151;
	font-size: 12px;
	font-weight: 500;
	padding: 3px 10px;
	border-radius: 999px;
	margin: 4px 6px 0 0;
}

.pd-tag-chip:hover {
	background: #f5b800;
	color: #1a1a1a;
}

.pd-about-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #374151;
}

/* =========================================================
   Description-content typography.
   Stronger baseline + block rhythm so admin-pasted HTML
   (with or without <p> wrappers, plain <br>, nested lists,
   unstyled <strong>) reads cleanly.
   ========================================================= */
.description-content {
	font-size: 15px;
	line-height: 1.75;
	color: #374151;
	font-family: inherit;
}

.description-content > *:first-child {
	margin-top: 0 !important;
}

.description-content > *:last-child {
	margin-bottom: 0 !important;
}

.description-content > * {
	margin-top: 0;
	margin-bottom: 14px;
}

.description-content h1,
.description-content h2,
.description-content h3,
.description-content h4,
.description-content h5,
.description-content h6 {
	margin-top: 26px;
	margin-bottom: 10px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
}

.description-content h1 {
	font-size: 22px;
}

.description-content h2 {
	font-size: 19px;
}

.description-content h3 {
	font-size: 17px;
}

.description-content h4 {
	font-size: 15px;
}

.description-content h5 {
	font-size: 14px;
}

.description-content h6 {
	font-size: 13px;
	color: #4b5563;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.description-content strong,
.description-content b {
	color: #1a1a1a;
	font-weight: 700;
}

.description-content em,
.description-content i {
	color: #1a1a1a;
	font-style: italic;
}

.description-content p,
.description-content li {
	margin-bottom: 10px;
}

.description-content ul,
.description-content ol {
	padding-left: 22px;
	margin: 0 0 14px;
}

.description-content ul ul,
.description-content ol ol,
.description-content ul ol,
.description-content ol ul {
	margin: 8px 0;
	padding-left: 20px;
}

.description-content li {
	margin-bottom: 6px;
	line-height: 1.7;
}

.description-content li > p {
	margin: 0 0 6px;
}

.description-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
	font-size: 14px;
}

.description-content th,
.description-content td {
	border: 1px solid #e5e7eb;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
}

.description-content th {
	background: #f9fafb;
	font-weight: 700;
	color: #1a1a1a;
}

.description-content br + br {
	content: "";
	display: block;
	margin-bottom: 14px;
}

.description-content blockquote {
	border-left: 3px solid #f5b800;
	margin: 12px 0;
	padding: 6px 14px;
	color: #4b5563;
	background: #fff8e1;
	border-radius: 0 6px 6px 0;
}

.description-content hr {
	border: 0;
	border-top: 1px solid #e5e7eb;
	margin: 20px 0;
}

@media (max-width: 767px) {
	.description-content {
		font-size: 14px;
		line-height: 1.65;
	}

	.description-content > * {
		margin-bottom: 10px;
	}

	.description-content h1 {
		font-size: 17px;
		margin-top: 14px;
		margin-bottom: 8px;
	}

	.description-content h2 {
		font-size: 16px;
		margin-top: 14px;
		margin-bottom: 8px;
	}

	.description-content h3 {
		font-size: 14px;
		margin-top: 14px;
		margin-bottom: 8px;
	}

	.description-content h4 {
		font-size: 13px;
		margin-top: 14px;
		margin-bottom: 8px;
	}

	.description-content h5,
	.description-content h6 {
		margin-top: 14px;
		margin-bottom: 8px;
	}

	.description-content p,
	.description-content li {
		margin-bottom: 8px;
	}

	.description-content ul,
	.description-content ol {
		padding-left: 18px;
		margin-bottom: 10px;
	}
}

/* =========================================================
   "About This Product" card — sidebar variant in the top row.
   ========================================================= */
.pd-about-card {
	border: 1px solid #eef0f3;
	border-radius: 10px;
	padding: 22px 24px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);
}

.pd-about-card--sidebar {
	padding: 20px 22px;
	position: sticky;
	top: 16px;
}

.pd-about-card__title {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.pd-about-card__title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #f5b800;
	border-radius: 2px;
}

.pd-about-card__summary {
	font-size: 14px;
	line-height: 1.7;
	color: #4b5563;
	margin: 0 0 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f1f1f1;
}

.pd-about-rows {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
	color: #374151;
}

/* Sidebar variant stacks labels above values (single column) so the
   card stays narrow and readable. The full-width variant is gone now
   that the card lives in the sidebar. */
.pd-about-card--sidebar .pd-about-rows {
	grid-template-columns: 1fr;
}

.pd-about-rows li {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: baseline;
}

/* Sidebar variant stacks label above value (full width), so each row
   reads cleanly inside the narrow right column. */
.pd-about-card--sidebar .pd-about-rows li {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.pd-about-rows__label {
	color: #1a1a1a;
	font-weight: 700;
	min-width: 80px;
}

.pd-about-rows__value {
	color: #4b5563;
	flex: 1 1 auto;
}

.pd-about-rows__sep {
	margin: 0 4px;
	color: #9ca3af;
}

.pd-about-rows__tags {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

.pd-about-rows__tags-row {
	grid-column: 1 / -1;
}

.pd-about-rows a {
	color: #1a1a1a;
}

.pd-about-rows a:hover {
	color: #f5b800;
}

.pd-tag-chip {
	display: inline-block;
	background: #f3f4f6;
	color: #374151;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid #e5e7eb;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Subtle hover/focus/active — never fill the chip with the brand yellow.
   The yellow chip-on-hover made the dark text visually disappear and
   broke readability. Keep background light and only darken the border so
   the chip reads as interactive without losing its label. */
.pd-tag-chip:hover,
.pd-tag-chip:focus,
.pd-tag-chip:focus-visible,
.pd-tag-chip:active {
	background: #ffffff;
	color: #1a1a1a;
	border-color: #f5b800;
	outline: none;
	box-shadow: 0 0 0 2px rgba(245, 184, 0, 0.18);
}

.pd-about-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #374151;
}

/* =========================================================
   Similar Products — full-width grid section.
   ========================================================= */
.pd-similar-section {
	margin-top: 36px;
	padding: 28px 24px;
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 10px;
}

.pd-similar-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
}

.pd-similar-section__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.pd-similar-section__title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #f5b800;
	border-radius: 2px;
}

.pd-similar-section__count {
	font-size: 13px;
	color: #6b7280;
	font-weight: 500;
}

/* Grid — 5 per row on wide desktops, 4 on lg, 2 on mobile.
   Tighter gap and aspect ratio so cards read as a clean, compact
   catalog rather than oversized hero blocks. */
.pd-similar-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

@media (max-width: 1199px) {
	.pd-similar-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.pd-similar-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.pd-similar-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
}

@media (max-width: 480px) {
	.pd-similar-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
}

.pd-similar-card {
	border: 1px solid #eef0f3;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.pd-similar-card:hover {
	border-color: #f5b800;
	box-shadow: 0 8px 20px rgba(17, 24, 39, 0.10);
	transform: translateY(-2px);
}

.pd-similar-card__media {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #fafbfc;
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
}

/* object-fit: contain so the full product image is always visible,
   never cropped. Combined with the 10px container padding, this leaves
   breathing room around the image so it doesn't touch the card edges. */
.pd-similar-card__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.pd-similar-card:hover .pd-similar-card__img {
	transform: scale(1.03);
}

.pd-similar-card__body {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 auto;
}

.pd-similar-card__title {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 40px;
}

.pd-similar-card__title a {
	color: inherit;
}

.pd-similar-card__title a:hover {
	color: #f5b800;
}

.pd-similar-card__ratings {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #6b7280;
}

.pd-similar-card__stars {
	display: inline-flex;
	gap: 1px;
	font-size: 12px;
}

.pd-similar-card__stars .la-star,
.pd-similar-card__stars .la-star-half-alt,
.pd-similar-card__stars i.la.la-star,
.pd-similar-card__stars i.las.la-star-half-alt {
	color: #f5b800 !important;
}

.pd-similar-card__stars .lar,
.pd-similar-card__stars i.la.lar,
.pd-similar-card__stars i.lar.la-star {
	color: #cbd5e1 !important;
}

.pd-similar-card__price {
	font-size: 15px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1.2;
	letter-spacing: -0.2px;
}

.pd-similar-card__price del {
	color: #9ca3af;
	font-weight: 500;
	margin-left: 6px;
	font-size: 13px;
}

/* Solid brand button — proper height (not a thin bar), generous padding,
   rounded corners, gold accent on dark. Sits at the bottom of the card
   via margin-top:auto so all cards in a row line up regardless of title
   length. */
.pd-similar-card__cta {
	margin-top: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	background: #f5b800;
	color: #1a1a1a;
	font-weight: 800;
	font-size: 12px;
	padding: 10px 14px;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: background 0.15s ease, transform 0.15s ease;
	min-height: 38px;
}

.pd-similar-card__cta:hover,
.pd-similar-card__cta:focus-visible {
	background: #e0a800;
	color: #1a1a1a;
	transform: translateY(-1px);
	outline: none;
}

/* =========================================================
   Reviews — full-width section.
   ========================================================= */
.pd-reviews-section {
	margin-top: 36px;
	padding: 28px 24px;
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 10px;
}

.pd-reviews-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
}

.pd-reviews-section__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.pd-reviews-section__title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #f5b800;
	border-radius: 2px;
}

.pd-reviews-section__count {
	font-size: 13px;
	color: #6b7280;
	font-weight: 500;
}

.pd-reviews-grid {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 28px;
	align-items: start;
}

@media (max-width: 767px) {
	.pd-reviews-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

/* Summary card */
.pd-reviews-summary {
	background: #fafbfc;
	border: 1px solid #eef0f3;
	border-radius: 10px;
	padding: 22px 20px;
	text-align: center;
}

.pd-reviews-summary__avg {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 4px;
}

.pd-reviews-summary__num {
	font-size: 44px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1;
}

.pd-reviews-summary__den {
	font-size: 14px;
	color: #6b7280;
	font-weight: 500;
}

.pd-reviews-summary__stars {
	display: inline-flex;
	gap: 2px;
	font-size: 18px;
	margin: 8px 0 6px;
}

.pd-reviews-summary__stars .la-star,
.pd-reviews-summary__stars .la-star-half-alt,
.pd-reviews-summary__stars i.la.la-star,
.pd-reviews-summary__stars i.las.la-star-half-alt {
	color: #f5b800 !important;
}

.pd-reviews-summary__stars .lar,
.pd-reviews-summary__stars i.la.lar,
.pd-reviews-summary__stars i.lar.la-star {
	color: #cbd5e1 !important;
}

.pd-reviews-summary__total {
	font-size: 13px;
	color: #6b7280;
}

.pd-reviews-summary__total strong {
	color: #1a1a1a;
	font-weight: 700;
}

.pd-reviews-summary__breakdown {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: left;
}

.pd-rating-bar {
	display: grid;
	grid-template-columns: 28px 1fr 28px;
	gap: 8px;
	align-items: center;
	font-size: 13px;
	color: #4b5563;
}

.pd-rating-bar__label {
	font-weight: 600;
	color: #1a1a1a;
	font-size: 12px;
}

.pd-rating-bar__label i {
	color: #f5b800;
}

.pd-rating-bar__track {
	height: 8px;
	background: #f1f1f1;
	border-radius: 999px;
	overflow: hidden;
}

.pd-rating-bar__fill {
	height: 100%;
	background: #f5b800;
	border-radius: 999px;
	transition: width 0.3s ease;
}

.pd-rating-bar__count {
	text-align: right;
	font-weight: 600;
	color: #1a1a1a;
	font-size: 12px;
}

/* Reviews list */
.pd-reviews-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pd-reviews-list__loading {
	padding: 24px 0;
	text-align: center;
}

.pd-reviews-list .review-item {
	display: flex;
	gap: 14px;
	padding: 16px;
	border: 1px solid #eef0f3;
	border-radius: 10px;
	background: #fff;
}

.pd-reviews-list .review-item .thumb {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: #f3f4f6;
}

.pd-reviews-list .review-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pd-reviews-list .review-item .content {
	flex: 1 1 auto;
	min-width: 0;
}

.pd-reviews-list .review-item .content .posted-by {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.pd-reviews-list .review-item .content .posted-by .posted-on {
	font-size: 12px;
	font-weight: 400;
	color: #9ca3af;
}

.pd-reviews-list .review-item .content .pd-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #fff8e1;
	color: #92400e;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	border: 1px solid #f5b800;
}

.pd-reviews-list .review-item .content .pd-verified-badge i {
	color: #f5b800;
	font-size: 12px;
}

.pd-reviews-list .review-item .content .ratings {
	font-size: 14px;
	margin-top: 4px;
	display: inline-flex;
	gap: 1px;
}

.pd-reviews-list .review-item .content .ratings .la-star,
.pd-reviews-list .review-item .content .ratings .la-star-half-alt,
.pd-reviews-list .review-item .content .ratings i.la.la-star,
.pd-reviews-list .review-item .content .ratings i.las.la-star-half-alt {
	color: #f5b800 !important;
}

.pd-reviews-list .review-item .content .ratings .lar,
.pd-reviews-list .review-item .content .ratings i.la.lar,
.pd-reviews-list .review-item .content .ratings i.lar.la-star {
	color: #cbd5e1 !important;
}

.pd-reviews-list .review-item .content .review-text {
	margin: 10px 0 0;
	color: #374151;
	font-size: 14px;
	line-height: 1.65;
}

/* =========================================================
   Variant pills vs mobile dropdown — swap on small screens.
   ========================================================= */
.pd-attr-select {
	display: none;
}

@media (max-width: 767px) {
	.pd-attr-pills {
		display: none;
	}

	.pd-attr-select {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 10px 14px;
		font-size: 14px;
		border: 1px solid #e5e7eb;
		border-radius: 6px;
		background: #fff;
		color: #1a1a1a;
		font-weight: 600;
		-webkit-appearance: auto;
		appearance: auto;
	}
}

/* =========================================================
   Mobile font-size scaling. Applied at ≤767px across the
   full product details page so the chrome reads as one
   consistent mobile layout — no oversized desktop weights
   bleeding into the small viewport.
   ========================================================= */
@media (max-width: 767px) {
	.product-details,
	.pd-info {
		gap: 12px !important;
	}

	.pd-title {
		font-size: 18px;
		line-height: 1.3;
	}

	.pd-meta-row {
		font-size: 13px;
		gap: 14px;          /* extra breathing room between rating and stock badge */
		padding: 4px 0;     /* gives the row a bit of vertical air */
		flex-wrap: nowrap;
	}

	.pd-stars {
		font-size: 14px;
	}

	.pd-rating-num {
		font-size: 12px;
		margin-right: 4px; /* small gap before the badge on tight rows */
	}

	.pd-in-stock,
	.pd-out-of-stock {
		font-size: 11px;
		padding: 4px 10px;
	}

	/* Title and price get a bit more vertical air on mobile so the
	   block doesn't feel squeezed against the image row above and
	   the BMSM block below. */
	.pd-title {
		font-size: 18px;
		line-height: 1.35;
		margin: 6px 0 4px;
	}

	.pd-price-row {
		gap: 8px 10px;
		padding: 2px 0 6px;
	}

	.pd-price {
		font-size: 22px;   /* slightly bigger than 20 — feels more like a price, less cramped */
	}

	.pd-old-price,
	.pd-unit,
	.pd-discount-pill,
	.pd-gst-pill {
		font-size: 12px;
	}

	/* Total stays full-width on mobile so a large figure never gets
	   squeezed or clipped against the right edge. */
	.pd-total-row {
		width: 100%;
		margin: 8px 0 0;
		padding: 7px 12px;
	}

	.pd-total-value {
		font-size: 21px;
	}

	.pd-total-label,
	.pd-total-for {
		font-size: 12px;
	}

	.pd-discount-pill {
		padding: 3px 8px;
	}

	.pd-gst-pill {
		padding: 4px 10px;
	}

	/* Stepper + Add-to-Cart: keep them on one row but trim the size
	   down a touch so they actually fit a 360-414px viewport without
	   pushing the cart button off-screen. */
	.pd-stepper .qtyButton {
		height: 36px;
		width: 30px;
		font-size: 14px;
	}

	.pd-stepper input[name="quantity"] {
		height: 36px;
		width: 44px;
		font-size: 14px;
	}

	.pd-btn-cart,
	.pd-btn-quote {
		font-size: 12px !important;
		padding: 9px 12px !important;
		letter-spacing: 0.3px;
	}

	.pd-bmsm {
		padding: 12px 14px;
	}

	.pd-bmsm-title {
		font-size: 13px;
		margin: 0 0 10px;
	}

	.pd-bmsm-card {
		padding: 9px 11px;
		gap: 4px;
	}

	.pd-bmsm-card b {
		font-size: 13px;
	}

	.pd-bmsm-price {
		font-size: 14px;
	}

	.pd-bmsm-unit,
	.pd-bmsm-off {
		font-size: 11px;
	}

	.pd-variants-wrap {
		gap: 10px;
	}

	.pd-attr-row {
		gap: 6px;
	}

	.pd-attr-label {
		font-size: 13px;
	}

	.pd-attr-label b {
		font-weight: 700;
	}

	.pd-attr-selected {
		font-size: 12px;
	}

	.nav-tabs li a {
		font-size: 13px;
		padding: 8px 12px;
	}

	.pd-about-card,
	.pd-similar-section,
	.pd-reviews-section {
		padding: 18px 14px;
	}

	.pd-about-card__title,
	.pd-similar-section__title,
	.pd-reviews-section__title {
		font-size: 15px;
	}

	.pd-about-card__title::before,
	.pd-similar-section__title::before,
	.pd-reviews-section__title::before {
		height: 14px;
		width: 3px;
	}

	.pd-about-card__summary {
		font-size: 13px;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.pd-about-rows {
		font-size: 13px;
		grid-template-columns: 1fr;
	}

	.pd-about-rows__label {
		min-width: 70px;
	}

	.pd-similar-card__title {
		font-size: 13px;
		min-height: 36px;
	}

	.pd-similar-card__price {
		font-size: 14px;
	}

	.pd-similar-card__cta {
		font-size: 11px;
		padding: 8px 10px;
		min-height: 34px;
	}

	.pd-similar-card__body {
		padding: 10px 12px 12px;
		gap: 6px;
	}

	.pd-similar-card__media {
		padding: 8px;
	}

	.pd-reviews-summary {
		padding: 16px 14px;
	}

	.pd-reviews-summary__num {
		font-size: 36px;
	}

	.pd-reviews-summary__stars {
		font-size: 16px;
	}

	.pd-reviews-list .review-item {
		padding: 12px;
		gap: 10px;
	}

	.pd-reviews-list .review-item .thumb {
		width: 40px;
		height: 40px;
	}
}

/* =========================================================
   Sidebar column gap fix (desktop).
   Bootstrap 5 row uses align-items: stretch, which makes the
   right column (containing the sticky About card) match the
   left column's height and leaves an empty white area below
   the sticky card. align-self: start stops the stretch without
   breaking position: sticky — the column still provides the
   containing block, it just doesn't grow.
   ========================================================= */
@media (min-width: 992px) {
	.pd-top .col-lg-3 {
		align-self: start;
	}
}

/* =========================================================
   Constrain the xzoom-thumbs carousel so attribute-click
   re-renders can't flash a horizontal scrollbar.
   ========================================================= */
.xzoom-thumbs {
	overflow: hidden;
}

/* =========================================================
   Mobile-only overrides for the product details top section.

   a) Image + thumbnail strip side-by-side.
   b) Stepper + Add-to-Cart on one row, Request Quote hidden.
   c) Buy More Save More: three cards across.
   ========================================================= */
@media (max-width: 767px) {
	/* (a) Image row: 2-column grid, vertical thumb strip beside the main image. */
	.product-gallery.xzoom-container {
		display: grid;
		grid-template-columns: 1fr 64px;
		gap: 10px;
		align-items: start;
	}

	.product-gallery.xzoom-container > #xzoom-magnific {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		height: auto;
		max-height: 360px;
		object-fit: contain;
	}

	.product-gallery.xzoom-container > .xzoom-thumbs {
		grid-column: 2;
		grid-row: 1;
		margin-bottom: 0;
		max-height: 360px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* Unhook owl-carousel's horizontal slide behaviour on mobile —
	   we render the thumbs as a simple vertical stack. */
	.product-gallery.xzoom-container > .xzoom-thumbs .owl-stage-outer,
	.product-gallery.xzoom-container > .xzoom-thumbs .owl-stage,
	.product-gallery.xzoom-container > .xzoom-thumbs .owl-item {
		display: block !important;
		width: 64px !important;
		transform: none !important;
	}

	.product-gallery.xzoom-container > .xzoom-thumbs .owl-item a {
		display: block;
		margin: 0 0 8px;
	}

	.product-gallery.xzoom-container > .xzoom-thumbs .owl-prev,
	.product-gallery.xzoom-container > .xzoom-thumbs .owl-next {
		display: none !important;
	}

	/* Rating row stays one line; tighten wrap so it never falls to two rows. */
	.pd-meta-row {
		flex-wrap: nowrap;
	}

	/* (b) Stepper + Add-to-Cart same row, hide Request Quote on mobile. */
	.pd-qty-row {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 8px;
	}

	.pd-qty-row .pd-stepper {
		width: auto;
		flex: 0 0 auto;
	}

	.pd-qty-row .pd-stepper input[name="quantity"] {
		width: 48px;
		flex: 0 0 auto;
	}

	.pd-qty-row .pd-btn-cart {
		flex: 1 1 auto;
		width: auto;
		justify-content: center;
		padding: 11px 12px !important;
		font-size: 12px !important;
	}

	.pd-btn-quote {
		display: none !important;
	}

	/* (c) Buy More Save More: three cards across on narrow screens. */
	.pd-bmsm-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
	}

	.pd-bmsm-card {
		padding: 8px 6px;
		gap: 3px;
	}

	.pd-bmsm-card b {
		font-size: 11px;
	}

	.pd-bmsm-price {
		font-size: 12px;
	}

	.pd-bmsm-unit,
	.pd-bmsm-off {
		font-size: 10px;
		padding: 1px 5px;
	}
}
/* Semantic section headings retain the established visual sizes. */
.pd-content-heading { font-size:20px; font-weight:600; margin-bottom:18px; }
.pd-about-card__title,.pd-similar-section__title,.pd-reviews-section__title { font-size:20px; }

/* A lighter finish on the full product page; quick-view stays unchanged. */
.pd-refined .pd-title { font-size:clamp(21px,2vw,27px); font-weight:600; color:#343a43; line-height:1.4; }
.pd-refined .pd-price { font-size:26px; font-weight:600; color:#343a43; }
.pd-refined .pd-btn-cart,.pd-refined .pd-btn-quote {
    min-height:42px; font-size:13px !important; font-weight:500 !important;
    padding:10px 17px !important; text-transform:none; letter-spacing:0;
}
.pd-refined .pd-btn-quote { background:#f7f8fa !important; color:#4a5260 !important; border:1px solid #dce1e7 !important; }
.pd-refined .pd-btn-quote:hover { background:#eceff3 !important; color:#343a43 !important; }
.pd-refined .pd-stepper .qtyButton { width:32px; height:42px; }
.pd-refined .pd-stepper input[name="quantity"] { width:46px; height:42px; font-size:14px; font-weight:500; }
.pd-refined .pd-in-stock { background:#edf7f0; color:#39724a; font-weight:500; font-size:12px; }
.pd-refined .pd-rating-num { font-size:14px; font-weight:500; }
.pd-refined .pd-total-value { font-size:25px; font-weight:600; }
.pd-refined .pd-total-label,.pd-refined .pd-total-for { font-size:13px; font-weight:500; }
.pd-refined .pd-about-card__title { font-size:19px; font-weight:600; color:#414956; }
.pd-refined .pd-about-rows__label,.pd-refined .pd-attr-label b { font-weight:500; color:#505866; }
.pd-refined .pd-bmsm-title { font-weight:600; color:#414956; }
.pd-refined .pd-bmsm-card b,.pd-refined .pd-bmsm-total b { font-weight:500; }
.pd-refined .pd-bmsm-price { font-weight:600; }
.pd-refined .pd-attr-pill { padding:6px 11px; font-size:12px; font-weight:500; }
.pd-refined .pd-discount-pill,.pd-refined .pd-bmsm-off { font-weight:500; }

/* =========================================================
   Description refresh: clear heading hierarchy, readable line
   length, accent markers. Overrides the baseline block above.
   ========================================================= */
.products-description .description-content {
	font-size: 15px;
	line-height: 1.85;
	color: #4b5563;
}

.products-description .description-content p {
	margin-bottom: 14px;
}

.products-description .description-content strong,
.products-description .description-content b {
	color: #111827;
	font-weight: 600;
}

/* Section headings (H2/H3 in the editor become H3 here) */
.products-description .description-content h3 {
	position: relative;
	margin: 40px 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e8eaee;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: #111827;
}

.products-description .description-content h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 56px;
	height: 3px;
	border-radius: 3px;
	background: #ffc400;
}

.products-description .description-content > h3:first-child { margin-top: 0; }

/* Sub-headings, also used by FAQ questions */
.products-description .description-content h4 {
	margin: 26px 0 10px;
	padding-left: 12px;
	border-left: 3px solid #ffc400;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	color: #1f2937;
}

.products-description .description-content h5 {
	margin: 20px 0 8px;
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
}

.products-description .description-content h6 {
	margin: 18px 0 8px;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: #6b7280;
}

/* Lists with accent markers */
.products-description .description-content ul,
.products-description .description-content ol {
	padding-left: 24px;
}

.products-description .description-content li {
	padding-left: 4px;
	margin-bottom: 8px;
	line-height: 1.75;
}

.products-description .description-content ul > li::marker {
	color: #e0a800;
	font-size: 1.1em;
}

.products-description .description-content ol > li::marker {
	color: #b88700;
	font-weight: 600;
}

/* Tables */
.products-description .description-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid #e8eaee;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 18px 0 22px;
}

.products-description .description-content th,
.products-description .description-content td {
	border: 0;
	border-bottom: 1px solid #eef0f3;
	padding: 10px 14px;
}

.products-description .description-content tr:last-child td { border-bottom: 0; }
.products-description .description-content th { background: #fff8e1; color: #111827; font-weight: 600; white-space: nowrap; }
.products-description .description-content tbody tr:nth-child(even) td { background: #fafbfc; }

.products-description .description-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.products-description .description-content { font-size: 14.5px; line-height: 1.75; }
	.products-description .description-content h3 { margin-top: 30px; font-size: 18px; }
	.products-description .description-content h4 { font-size: 15px; margin-top: 22px; }
}

/* Reviews live inside a tab now: drop the extra card frame. */
.products-description .tab-pane .pd-reviews-section {
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.products-description .nav-tabs .pd-tab-count {
	margin-left: 2px;
	font-size: 0.85em;
	opacity: 0.7;
}