/**
 * Pargas Platform — Single Product
 * Breadcrumb → [gallery | info | sticky buybox] → tabs (specs / usage / docs / FAQ / reviews)
 * → related rail → sticky mobile buy bar.
 */

.pg-pdp { display: grid; grid-template-columns: 1fr; gap: var(--pg-space-6); align-items: start; margin-top: var(--pg-space-5); }
@media (min-width: 1024px) { .pg-pdp { grid-template-columns: 420px 1fr 300px; } }
@media (min-width: 1280px) { .pg-pdp { grid-template-columns: 460px 1fr 310px; } }

/* ===== Gallery ===== */
.pg-gallery { position: relative; }
@media (min-width: 1024px) { .pg-gallery { position: sticky; top: calc(var(--pg-header-sticky-top) + 16px); } }
.pg-gallery__main {
	border: 1px solid var(--pg-border);
	border-radius: var(--pg-radius-xl);
	background: linear-gradient(140deg, #F8FAFC 0%, #ECFEFF 100%);
	aspect-ratio: 1;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pg-gallery__main img { width: 100%; height: 100%; object-fit: contain; padding: var(--pg-space-6); }
.pg-gallery__badges { position: absolute; top: 14px; inset-inline-start: 14px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.pg-gallery__thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 8px; }
.pg-gallery__thumb {
	aspect-ratio: 1;
	border: 2px solid var(--pg-border);
	border-radius: var(--pg-radius);
	background: var(--pg-surface-2);
	overflow: hidden;
	cursor: pointer;
	transition: border-color var(--pg-dur) var(--pg-ease);
	padding: 4px;
}
.pg-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; }
.pg-gallery__thumb.is-active, .pg-gallery__thumb:hover { border-color: var(--pg-primary); }

/* ===== Info column ===== */
.pg-pdp-info { display: flex; flex-direction: column; gap: var(--pg-space-3); min-width: 0; }
.pg-pdp-info__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; font-size: 0.75rem; color: var(--pg-fg-soft); }
.pg-pdp-info__meta a { color: var(--pg-primary); font-weight: 700; }
.pg-pdp-info__sku { direction: ltr; unicode-bidi: isolate; }
.pg-pdp-info h1 { font-size: clamp(1.125rem, 1rem + 0.8vw, 1.5rem); font-weight: 900; line-height: 1.7; }
.pg-pdp-info__summary { color: var(--pg-fg-muted); font-size: 0.875rem; line-height: 2.1; }
.pg-pdp-info__row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pg-space-3); }

.pg-cert-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.pg-cert-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.6875rem;
	font-weight: 700;
	color: var(--pg-fg-muted);
	background: var(--pg-surface-2);
	border: 1px solid var(--pg-border);
	border-radius: var(--pg-round);
	padding: 4px 12px;
}
.pg-cert-pill .pg-ico { width: 13px; height: 13px; color: var(--pg-success); }

/* Quick spec tiles */
.pg-quickspecs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	margin-top: var(--pg-space-2);
}
@media (min-width: 640px) { .pg-quickspecs { grid-template-columns: repeat(3, 1fr); } }
.pg-qs {
	background: var(--pg-surface-2);
	border-radius: var(--pg-radius);
	padding: 10px 14px;
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.pg-qs span { font-size: 0.625rem; color: var(--pg-fg-soft); }
.pg-qs b { font-size: 0.75rem; font-weight: 700; color: var(--pg-fg); line-height: 1.7; }

/* Feature bullets */
.pg-feat-list { display: flex; flex-direction: column; gap: 8px; }
.pg-feat { display: flex; align-items: flex-start; gap: 10px; font-size: 0.8125rem; color: var(--pg-fg-muted); line-height: 1.9; }
.pg-feat .pg-feat__ico {
	width: 20px;
	height: 20px;
	flex: none;
	border-radius: var(--pg-round);
	background: var(--pg-success-soft);
	color: var(--pg-success);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
}
.pg-feat .pg-feat__ico .pg-ico { width: 12px; height: 12px; }

/* ===== Buybox ===== */
.pg-buybox {
	background: var(--pg-surface);
	border: 1px solid var(--pg-border);
	border-radius: var(--pg-radius-lg);
	padding: var(--pg-space-5);
	position: sticky;
	top: calc(var(--pg-header-sticky-top) + 16px);
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-4);
}
@media (min-width: 1024px) { .pg-buybox { position: sticky; } }
body.admin-bar .pg-buybox, body.admin-bar .pg-gallery { top: calc(var(--pg-header-sticky-top) + 48px); }
.pg-buybox__pricebox { display: flex; flex-direction: column; gap: 4px; }
.pg-buybox__price { font-size: 1.375rem; font-weight: 900; color: var(--pg-fg); display: flex; align-items: baseline; gap: 4px; }
.pg-buybox__price small { font-size: 0.75rem; font-weight: 500; color: var(--pg-fg-soft); }
.pg-buybox__price--quote { color: var(--pg-accent-strong); font-size: 1.125rem; }
.pg-buybox__priceold { font-size: 0.8125rem; color: var(--pg-fg-soft); text-decoration: line-through; }
.pg-buybox__trust { display: flex; flex-direction: column; gap: 9px; border-block: 1px solid var(--pg-border); padding-block: var(--pg-space-4); }
.pg-buybox__trust-item { display: flex; align-items: center; gap: 10px; font-size: 0.75rem; color: var(--pg-fg-muted); }
.pg-buybox__trust-item .pg-ico { width: 17px; height: 17px; flex: none; }
.pg-buybox__trust-item .is-blue { color: var(--pg-info); }
.pg-buybox__trust-item .is-green { color: var(--pg-success); }
.pg-buybox__trust-item .is-amber { color: var(--pg-accent-strong); }
.pg-buybox__ctas { display: flex; flex-direction: column; gap: 8px; }
.pg-buybox__secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pg-buybox__note { font-size: 0.71875rem; color: var(--pg-fg-soft); display: flex; align-items: center; gap: 6px; padding-top: var(--pg-space-2); border-top: 1px solid var(--pg-border); }
.pg-buybox__note .pg-ico { width: 14px; height: 14px; flex: none; }
.pg-buybox .pg-qty { align-self: flex-start; }

/* Size chips (variant selector) */
.pg-size-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pg-size-chips .pg-chip { padding: 6px 14px; font-size: 0.75rem; }

/* ===== Tabs shell ===== */
.pg-pdp-tabs {
	background: var(--pg-surface);
	border: 1px solid var(--pg-border);
	border-radius: var(--pg-radius-xl);
	padding: var(--pg-space-5) var(--pg-space-6) var(--pg-space-6);
	margin-top: var(--pg-space-8);
	overflow: hidden;
}
.pg-pdp-tabs__body { font-size: 0.875rem; color: var(--pg-fg-muted); line-height: 2.1; }
.pg-pdp-tabs__body h3 { font-size: 1rem; margin: var(--pg-space-5) 0 var(--pg-space-2); color: var(--pg-fg); }
.pg-pdp-tabs__body h3:first-child { margin-top: 0; }
.pg-pdp-tabs__body p + p { margin-top: var(--pg-space-2); }
.pg-pdp-tabs__body ul { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: var(--pg-space-2); }
.pg-pdp-tabs__body ul li { position: relative; padding-inline-start: 18px; }
.pg-pdp-tabs__body ul li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 12px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pg-primary);
	opacity: 0.5;
}
.pg-pdp-tabs__prose { max-width: 820px; }

/* Ingredients callout */
.pg-ingredients {
	background: var(--pg-primary-softer);
	border: 1px solid #A5F3FC;
	border-radius: var(--pg-radius-lg);
	padding: var(--pg-space-4) var(--pg-space-5);
	margin-top: var(--pg-space-4);
}
.pg-ingredients h4 { font-size: 0.8125rem; font-weight: 900; color: var(--pg-primary); margin-bottom: 6px; }
.pg-ingredients p { font-size: 0.8125rem; color: var(--pg-fg-muted); }

/* ===== Product documents rows ===== */
.pg-doc-rows { display: flex; flex-direction: column; gap: 8px; }
.pg-doc-row {
	display: flex;
	align-items: center;
	gap: var(--pg-space-3);
	border: 1px solid var(--pg-border);
	border-radius: var(--pg-radius);
	padding: 12px 16px;
	background: var(--pg-surface);
	transition: all var(--pg-dur) var(--pg-ease);
}
.pg-doc-row:hover { border-color: #A5F3FC; box-shadow: var(--pg-shadow-soft); }
.pg-doc-row .pg-tile { width: 40px; height: 40px; }
.pg-doc-row__body { flex: 1; min-width: 0; }
.pg-doc-row__body b { font-size: 0.8125rem; font-weight: 900; display: block; line-height: 1.7; }
.pg-doc-row__body span { font-size: 0.6875rem; color: var(--pg-fg-soft); }
.pg-doc-row .pg-btn { flex: none; }

/* ===== FAQ ===== */
.pg-pdp-faq { margin-top: var(--pg-space-8); }

/* ===== Related ===== */
.pg-pdp-related { margin-top: var(--pg-space-10); }

/* ===== Sticky mobile buy bar ===== */
.pg-stickybar {
	position: fixed;
	bottom: 0;
	inset-inline: 0;
	z-index: var(--pg-z-sticky-bar);
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-top: 1px solid var(--pg-border);
	padding: 10px var(--pg-space-4) calc(10px + env(safe-area-inset-bottom));
	display: none;
	align-items: center;
	gap: var(--pg-space-3);
}
body.pg-has-bottom-nav .pg-stickybar { bottom: 58px; }
@media (max-width: 1023px) { .pg-stickybar { display: flex; } }
.pg-stickybar__price { display: flex; flex-direction: column; min-width: 0; }
.pg-stickybar__price b { font-size: 0.9375rem; font-weight: 900; white-space: nowrap; }
.pg-stickybar__price b small { font-size: 0.625rem; font-weight: 500; color: var(--pg-fg-soft); }
.pg-stickybar__price span { font-size: 0.6875rem; color: var(--pg-fg-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-stickybar__price .pg-quote-label { color: var(--pg-accent-strong); font-weight: 900; font-size: 0.8125rem; }
.pg-stickybar .pg-btn { margin-inline-start: auto; flex: none; }

/* ===== Product inquiry (quote-only) notice ===== */
.pg-quote-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: var(--pg-accent-soft);
	border: 1px solid #FED7AA;
	border-radius: var(--pg-radius);
	padding: 12px 16px;
	font-size: 0.75rem;
	color: #9A3412;
	line-height: 1.9;
}
.pg-quote-note .pg-ico { flex: none; color: var(--pg-accent-strong); margin-top: 3px; }