/* Parsian Rack Showcase v1.3.1 — ParsianITCO theme */

.prk {
	/* geometry (overridden by Elementor controls) */
	--prk-x1: 18; --prk-y1: -3; --prk-x2: 70; --prk-y2: 70;
	--prk-iw: 30; --prk-visible: 14; --prk-gap: .11; --prk-angle: 58;
	--prk-back-scale: .8; --prk-pull: 1; --prk-spread: .06; --prk-photo-angle: 0;
	--prk-edge: 3.6cqw; --prk-info-w: 24cqw; --prk-panel-w: 23cqw;
	--prk-dur: 900ms; --prk-ease: cubic-bezier(.65, .02, .2, 1);
	--prk-sh-blur: 22px; --prk-back-dim: .95;

	/* ParsianITCO skin (auto) — follows the site's own light/dark tokens when present */
	--prk-font: Estedad, Vazirmatn, Tahoma, sans-serif;
	--prk-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--prk-bg: var(--bg-primary, #0d0d1a);
	--prk-surface: var(--card-bg, #12122a);
	--prk-surface2: var(--surface2, #1e1e3a);
	--prk-text: var(--text-primary, #f4f4f8);
	--prk-text2: var(--text2, #d1d5db);
	--prk-muted: var(--text-muted, #9ca3af);
	--prk-accent: var(--color-primary, #00c9a7);
	--prk-accent-fg: var(--btn-primary-fg, #0d0d1a);
	--prk-teal: var(--brand-teal, #00c9a7);
	--prk-purple: var(--brand-purple, #802392);
	--prk-orange: var(--brand-orange, #e85d2f);
	--prk-border: var(--bg-border, rgba(0, 201, 167, .18));
	--prk-glow: var(--glow, rgba(0, 201, 167, .26));
	--prk-sh-color: rgba(0, 0, 0, .5);
	--prk-rod-bg: linear-gradient(180deg, #8a8fa3 0%, #eef0f6 35%, #5b6075 72%, #2a2d3d 100%);
	--prk-radius: 22px;
	--prk-ribbon: linear-gradient(90deg, var(--prk-teal) 0 33.33%, var(--prk-purple) 33.33% 66.66%, var(--prk-orange) 66.66% 100%);
	--prk-stage:
		radial-gradient(60% 50% at 80% 100%, color-mix(in srgb, var(--prk-purple) 18%, transparent), transparent 70%),
		radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--prk-text) 7%, transparent) 1px, transparent 0) 0 0 / 22px 22px,
		linear-gradient(160deg, var(--prk-surface) 0%, var(--prk-bg) 70%);

	position: relative;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 480px;
	overflow: hidden;
	isolation: isolate;
	container-type: inline-size;
	background: var(--prk-stage);
	border: 1px solid var(--prk-border);
	border-radius: var(--prk-radius);
	font-family: var(--prk-font);
	font-weight: 400;
	color: var(--prk-text);
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
.prk *, .prk *::before, .prk *::after { box-sizing: border-box; }
.prk.prk button { font: inherit; color: inherit; background: none; border: 0; border-radius: 0; margin: 0; padding: 0; min-width: 0; box-shadow: none; text-transform: none; letter-spacing: inherit; line-height: inherit; cursor: pointer; }
.prk.prk button:hover, .prk.prk button:focus { background-color: transparent; box-shadow: none; text-decoration: none; }
.prk :where(h3, p, dl, dd) { margin: 0; padding: 0; }
.prk-defs { position: absolute; width: 0; height: 0; }

/* container-type makes the box size-independent of its content — give the widget wrapper a real width
   so it never collapses to 0 inside Elementor flex containers (row direction) */
.elementor-widget-prk-rack-showcase { width: 100%; min-width: min(100%, 320px); flex-grow: 1; }
.elementor-widget-prk-rack-showcase > .elementor-widget-container { width: 100%; }

/* forced dark */
.prk.prk--skin-parsian-dark {
	--prk-bg: #0d0d1a; --prk-surface: #12122a; --prk-surface2: #1e1e3a;
	--prk-text: #f4f4f8; --prk-text2: #d1d5db; --prk-muted: #9ca3af;
	--prk-accent: #00c9a7; --prk-accent-fg: #0d0d1a;
	--prk-border: rgba(0, 201, 167, .18); --prk-glow: rgba(0, 201, 167, .26);
}
/* forced light */
.prk.prk--skin-parsian-light {
	--prk-bg: #f4f4f8; --prk-surface: #ffffff; --prk-surface2: #eaeaef;
	--prk-text: #0d0d1a; --prk-text2: #3d3d52; --prk-muted: #5c5c70;
	--prk-accent: #802392; --prk-accent-fg: #ffffff;
	--prk-border: #d8d8e4; --prk-glow: rgba(128, 35, 146, .14);
	--prk-sh-color: rgba(13, 13, 26, .28);
	--prk-rod-bg: linear-gradient(180deg, #9a9a9a 0%, #f4f4f4 35%, #6f6f6f 70%, #3d3d3d 100%);
}
/* editorial (the reference look: warm greige, minimal) */
.prk.prk--skin-editorial {
	--prk-font: inherit;
	--prk-bg: #e2dfd9; --prk-surface: #efede8; --prk-surface2: #f3f2ee;
	--prk-text: #1e1e1e; --prk-text2: #4c4a46; --prk-muted: #6f6c66;
	--prk-accent: #1e1e1e; --prk-accent-fg: #ffffff;
	--prk-border: rgba(0, 0, 0, .12); --prk-glow: rgba(255, 255, 255, .55);
	--prk-sh-color: rgba(0, 0, 0, .2);
	--prk-rod-bg: linear-gradient(180deg, #9a9a9a 0%, #f4f4f4 35%, #6f6f6f 70%, #3d3d3d 100%);
	--prk-radius: 6px;
	--prk-stage: radial-gradient(120% 100% at 28% 18%, #efede8 0%, #e2dfd9 58%, #d6d2cb 100%);
}

/* brand glow behind the front garment */
.prk::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset-block: 4% 10%;
	inset-inline-start: 2%;
	width: 52%;
	background: radial-gradient(closest-side, var(--prk-glow), transparent 75%);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--prk-dur) var(--prk-ease);
}
.prk.is-detail::before { opacity: 1; }
.prk--no-glow::before { display: none; }

/* brand ribbon (top edge) */
.prk--ribbon::after {
	content: "";
	position: absolute;
	z-index: 60;
	top: 0;
	inset-inline-start: var(--prk-edge);
	width: 72px;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: var(--prk-ribbon);
}

/* ---------- rod + rack ---------- */
.prk-stage { position: absolute; inset: 0; z-index: 2; }
.prk-rod {
	position: absolute; left: 0; top: 0;
	height: max(3px, .28cqw);
	transform-origin: 0 50%;
	border-radius: 3px;
	background: var(--prk-rod-bg);
	box-shadow: 0 .5cqw 1cqw rgba(0, 0, 0, .25);
	transition: opacity var(--prk-dur) var(--prk-ease);
}
.prk--no-rod .prk-rod { display: none; }
.prk-rack { position: absolute; inset: 0; }
/* 3D: one canvas over the rack; the DOM buttons stay as invisible hit areas */
.prk-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; }
.prk-item.has-3d img, .prk-item.has-3d svg { opacity: 0; transition: opacity .5s ease; }
.prk.is-detail .prk-item.is-front.has-3d { cursor: grab; touch-action: pan-y; }
.prk.is-dragging .prk-item.is-front.has-3d { cursor: grabbing; }
.prk-drag-hint {
	position: absolute; z-index: 21; inset-inline-start: var(--prk-edge); bottom: calc(var(--prk-edge) * .75);
	display: inline-flex; align-items: center; gap: 8px;
	font-size: max(11px, .72cqw); color: var(--prk-muted);
	opacity: 0; transition: opacity .5s ease; pointer-events: none;
}
.prk-drag-hint svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.prk.has-3d.is-detail .prk-drag-hint { opacity: 1; }
.prk-item {
	position: absolute; left: 0; top: 0;
	transform-origin: 50% 0;
	will-change: transform, opacity;
	opacity: 0;
	transition: transform var(--prk-dur) var(--prk-ease), opacity calc(var(--prk-dur) * .8) var(--prk-ease), filter .3s ease;
}
.prk.is-ready .prk-item { opacity: 1; }
.prk-item img, .prk-item svg {
	display: block; width: 100%; height: auto; pointer-events: none;
	filter: drop-shadow(0 calc(var(--prk-sh-blur) * .7) var(--prk-sh-blur) var(--prk-sh-color));
}
.prk-item.is-photo img { width: auto; max-width: 100%; max-height: var(--prk-mh, none); margin-inline: auto; object-fit: contain; }
.prk-item.is-back { filter: brightness(var(--prk-back-dim)); }
.prk-item { cursor: pointer; }
.prk-item.is-front { cursor: zoom-in; }
.prk-item.is-front img, .prk-item.is-front svg { filter: drop-shadow(0 calc(var(--prk-sh-blur) * 1.1) calc(var(--prk-sh-blur) * 1.5) var(--prk-sh-color)); }
.prk.is-detail .prk-item.is-front { cursor: default; }
.prk-item:focus-visible { outline: 2px solid var(--prk-accent); outline-offset: 4px; border-radius: 8px; }
.prk.is-detail .prk-rod { opacity: 0; }

/* ---------- vertical index ---------- */
.prk-index {
	position: absolute; z-index: 20;
	inset-inline-start: var(--prk-edge); top: 36%;
	display: flex; flex-direction: column; align-items: center; gap: 1cqw;
	font-family: var(--prk-mono);
	font-size: max(10px, .7cqw);
	letter-spacing: .12em;
	color: var(--prk-muted);
}
.prk-index i { position: relative; display: block; width: 1px; height: 7cqw; min-height: 48px; background: var(--prk-border); }
.prk-index i b { position: absolute; left: 0; top: 0; width: 1px; background: var(--prk-accent); transition: height var(--prk-dur) var(--prk-ease); }

/* ---------- info ---------- */
.prk-info {
	position: absolute; z-index: 20;
	top: 24%;
	inset-inline-start: calc(100% - var(--prk-edge) - var(--prk-info-w));
	width: var(--prk-info-w);
	transition: inset-inline-start var(--prk-dur) var(--prk-ease), top var(--prk-dur) var(--prk-ease);
}
.prk.is-detail .prk-info { inset-inline-start: 46%; top: 19%; width: calc(54% - var(--prk-panel-w) - var(--prk-edge) * 2); }
.prk-swap { transition: opacity .3s ease, transform .45s var(--prk-ease); }
.prk-swap.is-out { opacity: 0; transform: translateY(.8cqw); }
.prk-num {
	margin-bottom: 1.1cqw;
	font-family: var(--prk-mono);
	font-size: max(11px, .72cqw);
	letter-spacing: .12em;
	color: var(--prk-accent);
}
.prk-name {
	font-family: var(--prk-font);
	font-size: max(22px, 2.4cqw);
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: -.01em;
	color: var(--prk-text);
	text-wrap: balance;
}
.prk:where(.prk--skin-editorial) .prk-name { font-weight: 300; letter-spacing: .12em; text-transform: uppercase; line-height: 1.12; }
.prk-dash { width: 2cqw; min-width: 24px; height: 2px; border-radius: 2px; margin: 1.3cqw 0; background: var(--prk-ribbon); }
.prk:where(.prk--skin-editorial) .prk-dash { height: 1px; background: var(--prk-text); }
.prk-price { margin-bottom: 1cqw; font-size: max(14px, 1.05cqw); font-weight: 800; color: var(--prk-accent); }
.prk-price:empty { display: none; }
.prk-price del { opacity: .5; font-weight: 400; margin-inline-end: .5em; }
.prk-price ins { text-decoration: none; }
.prk-desc { font-size: max(13px, .9cqw); line-height: 1.9; color: var(--prk-text2); }
.prk-specs {
	display: grid; grid-template-columns: auto 1fr; column-gap: 1.6cqw; row-gap: .7cqw;
	margin-top: 1.8cqw; padding-top: 1.4cqw; border-top: 1px solid var(--prk-border);
	font-size: max(12px, .78cqw);
}
.prk-specs:empty { display: none; }
.prk-specs dt { color: var(--prk-muted); }
.prk-specs dd { color: var(--prk-text); font-weight: 600; }
.prk.prk .prk-more {
	display: inline-flex; align-items: center; gap: 1cqw;
	min-height: 44px; margin-top: 1.6cqw;
	border-bottom: 1px solid var(--prk-accent);
	font-size: max(13px, .85cqw); font-weight: 700;
	color: var(--prk-text);
	transition: gap .25s ease, color .25s ease, opacity .4s ease, border-color .25s ease;
}
.prk.prk .prk-more svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; }
[dir="rtl"] .prk-more svg { transform: scaleX(-1); }
.prk.prk .prk-more:hover { gap: 1.5cqw; color: var(--prk-accent); }
.prk.prk .prk-more:focus-visible, .prk.prk .prk-close:focus-visible, .prk.prk .prk-tabs button:focus-visible, .prk-view:focus-visible, .prk.prk .prk-cart:focus-visible {
	outline: 2px solid var(--prk-accent); outline-offset: 3px; border-radius: 4px;
}
.prk.is-detail .prk-more { opacity: 0; pointer-events: none; }

/* ---------- arrows + counter ---------- */
.prk-ctrl {
	position: absolute; z-index: 30;
	bottom: calc(var(--prk-edge) * 1.1);
	inset-inline-start: calc(100% - var(--prk-edge) - var(--prk-info-w));
	width: var(--prk-info-w);
	display: flex; align-items: center; justify-content: space-between;
	padding-top: 1.2cqw;
	border-top: 1px solid var(--prk-border);
	transition: inset-inline-start var(--prk-dur) var(--prk-ease), width var(--prk-dur) var(--prk-ease);
}
.prk.is-detail .prk-ctrl { inset-inline-start: 46%; width: calc(54% - var(--prk-edge)); }
.prk.prk .prk-arrow {
	display: flex; align-items: center; justify-content: center;
	width: 52px; height: 44px; border-radius: 999px;
	color: var(--prk-text);
	transition: color .2s ease, background-color .2s ease, transform .25s var(--prk-ease), opacity .25s ease;
}
.prk.prk .prk-arrow svg { width: 36px; height: auto; fill: none; stroke: currentColor; stroke-width: 1.3; }
[dir="rtl"] .prk-arrow svg { transform: scaleX(-1); }
.prk.prk .prk-arrow:hover { color: var(--prk-accent); }
.prk.prk .prk-next:hover { transform: translateX(4px); }
.prk.prk .prk-prev:hover { transform: translateX(-4px); }
[dir="rtl"] .prk-next:hover { transform: translateX(-4px); }
[dir="rtl"] .prk-prev:hover { transform: translateX(4px); }
.prk.prk .prk-arrow:focus-visible { outline: 2px solid var(--prk-accent); outline-offset: 2px; }
.prk.prk .prk-arrow[disabled] { opacity: .25; pointer-events: none; }
.prk-count { font-family: var(--prk-mono); font-size: max(12px, .78cqw); letter-spacing: .12em; color: var(--prk-text2); }

.prk-hint {
	position: absolute; z-index: 20;
	inset-inline-start: var(--prk-edge); bottom: calc(var(--prk-edge) * .75);
	font-size: max(11px, .72cqw); letter-spacing: .04em;
	color: var(--prk-muted);
	transition: opacity .5s ease;
}
.prk.is-detail .prk-hint { opacity: 0; }

/* ---------- detail panel ---------- */
.prk-panel {
	position: absolute; z-index: 25;
	top: calc(var(--prk-edge) * 1.4);
	bottom: calc(var(--prk-edge) * 2.6);
	inset-inline-end: var(--prk-edge);
	width: var(--prk-panel-w);
	display: flex; flex-direction: column;
	padding: 1.2cqw;
	background: color-mix(in srgb, var(--prk-surface) 82%, transparent);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid var(--prk-border);
	border-radius: 16px;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .06) inset, 0 24px 60px -32px rgba(0, 0, 0, .6);
	opacity: 0; visibility: hidden;
	transform: translateX(4cqw);
	transition: opacity .5s ease, transform var(--prk-dur) var(--prk-ease), visibility 0s linear var(--prk-dur);
}
[dir="rtl"] .prk-panel { transform: translateX(-4cqw); }
.prk.is-detail .prk-panel {
	opacity: 1; visibility: visible; transform: none;
	transition: opacity .6s ease .2s, transform var(--prk-dur) var(--prk-ease) .1s, visibility 0s;
}
.prk:where(.prk--skin-editorial) .prk-panel { background: transparent; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 0; }
.prk.prk .prk-close {
	align-self: flex-end;
	display: inline-flex; align-items: center; gap: .8cqw;
	min-height: 36px; margin-bottom: .6cqw;
	font-size: max(12px, .78cqw); font-weight: 600;
	color: var(--prk-text2);
	transition: color .2s ease;
}
.prk.prk .prk-close b { font-size: 1.5em; font-weight: 300; line-height: 1; }
.prk.prk .prk-close:hover { color: var(--prk-orange); }
.prk-plabel { display: flex; justify-content: space-between; margin-bottom: .5cqw; font-size: max(11px, .7cqw); color: var(--prk-muted); }
.prk-pl-num { font-family: var(--prk-mono); }
.prk-tabs { display: flex; gap: .4cqw; border-bottom: 1px solid var(--prk-border); margin-bottom: .9cqw; overflow-x: auto; scrollbar-width: none; }
.prk-tabs::-webkit-scrollbar { display: none; }
.prk.prk .prk-tabs button {
	position: relative; flex: 1 0 auto;
	min-height: 36px; padding: 0 .4cqw;
	font-size: max(11px, .72cqw); font-weight: 600; white-space: nowrap;
	color: var(--prk-muted);
	transition: color .2s ease;
}
.prk.prk .prk-tabs button:hover { color: var(--prk-text); }
.prk.prk .prk-tabs button.is-on { color: var(--prk-text); }
.prk.prk .prk-tabs button::after {
	content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px;
	background: var(--prk-accent); transform: scaleX(0); transition: transform .35s var(--prk-ease);
}
.prk.prk .prk-tabs button.is-on::after { transform: scaleX(1); }
.prk-gal { position: relative; flex: 1; min-height: 0; display: flex; gap: .7cqw; }
.prk-scroller { flex: 1; overflow-y: auto; scroll-snap-type: y mandatory; scrollbar-width: none; scroll-behavior: smooth; border-radius: 12px; outline: none; }
.prk-scroller::-webkit-scrollbar { display: none; }
.prk-scroller:focus-visible { box-shadow: 0 0 0 2px var(--prk-accent); }
.prk-slide {
	position: relative; height: 100%; margin-bottom: .6cqw;
	scroll-snap-align: start; overflow: hidden; border-radius: 12px;
	background: color-mix(in srgb, var(--prk-text) 6%, var(--prk-bg));
}
.prk-slide > img, .prk-slide > svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.prk-slide span {
	position: absolute; inset-inline-start: .8cqw; bottom: .8cqw;
	padding: 4px 10px; border-radius: 999px;
	font-size: 11px; font-weight: 600;
	background: rgba(13, 13, 26, .55); color: #fff;
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.prk-slide span:empty { display: none; }
.prk-track { position: relative; width: 2px; border-radius: 2px; background: var(--prk-border); }
.prk-track b { position: absolute; left: 0; width: 2px; border-radius: 2px; background: var(--prk-accent); top: 0; transition: top .45s var(--prk-ease), height .45s var(--prk-ease); }

.prk-actions { display: flex; align-items: center; gap: .8cqw; margin-top: 1cqw; }
.prk-actions:empty { display: none; }
.prk.prk .prk-cart {
	flex: 1;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 16px;
	border-radius: 999px;
	background: var(--prk-accent);
	color: var(--prk-accent-fg);
	font-size: max(13px, .82cqw); font-weight: 800;
	text-decoration: none;
	box-shadow: 0 8px 24px -10px var(--prk-glow);
	transition: background-color .2s ease, box-shadow .25s ease, transform .2s ease;
}
.prk.prk .prk-cart:hover { background: var(--prk-orange); color: #fff; box-shadow: 0 10px 26px -10px color-mix(in srgb, var(--prk-orange) 60%, transparent); }
.prk.prk .prk-cart:active { transform: scale(.97); }
.prk.prk .prk-cart.is-loading { pointer-events: none; opacity: .75; }
.prk.prk .prk-cart.is-loading::before {
	content: ""; width: 14px; height: 14px; border-radius: 50%;
	border: 2px solid currentColor; border-inline-end-color: transparent;
	animation: prk-spin .7s linear infinite;
}
.prk.prk .prk-cart svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.prk-view {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px;
	font-size: max(12px, .78cqw); font-weight: 600; white-space: nowrap;
	color: var(--prk-text2); text-decoration: none;
	transition: color .2s ease;
}
.prk-view:hover { color: var(--prk-accent); }
@keyframes prk-spin { to { transform: rotate(360deg); } }

/* toast */
.prk-toast {
	position: fixed; z-index: 99999; left: 50%; bottom: 28px;
	display: flex; align-items: center; gap: 14px;
	padding: 12px 20px; border-radius: 999px;
	background: #12122a; color: #f4f4f8;
	border: 1px solid rgba(0, 201, 167, .45);
	box-shadow: 0 10px 40px -10px rgba(0, 201, 167, .45);
	font-family: Estedad, Vazirmatn, Tahoma, sans-serif; font-size: 13px;
	transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
	transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
}
.prk-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.prk-toast a { color: #00c9a7; font-weight: 700; text-decoration: none; }
.prk-toast.is-error { border-color: #e85d2f; box-shadow: 0 10px 40px -10px rgba(232, 93, 47, .5); }

.prk-empty { padding: 32px; border: 1px dashed rgba(0, 201, 167, .45); border-radius: 16px; color: #9ca3af; text-align: center; font-family: Estedad, Vazirmatn, Tahoma, sans-serif; }

/* ---------- narrow (container) ---------- */
@container (max-width: 760px) {
	.prk { --prk-edge: 18px; }
	.prk::before { width: 100%; inset-inline-start: 0; inset-block: 0 45%; }
	.prk-index, .prk-hint, .prk-specs { display: none; }
	.prk-info, .prk.is-detail .prk-info {
		inset-inline-start: var(--prk-edge); width: calc(100% - var(--prk-edge) * 2);
		top: auto; bottom: 86px;
		padding-top: 40px;
		background: linear-gradient(180deg, transparent, var(--prk-bg) 38%);
	}
	.prk-name { font-size: 22px; }
	.prk-desc { font-size: 13px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.prk-ctrl, .prk.is-detail .prk-ctrl { inset-inline-start: var(--prk-edge); width: calc(100% - var(--prk-edge) * 2); bottom: 16px; padding-top: 10px; }
	.prk-panel, [dir="rtl"] .prk-panel {
		inset-inline: 10px; width: auto; top: 10px; bottom: 76px;
		padding: 12px; z-index: 40;
		background: color-mix(in srgb, var(--prk-surface) 96%, transparent);
		transform: translateY(20px);
	}
	.prk:where(.prk--skin-editorial) .prk-panel { background: var(--prk-surface2); padding: 12px; }
	.prk.is-detail .prk-info { opacity: 0; pointer-events: none; }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.prk, .prk * { transition-duration: 1ms !important; transition-delay: 0s !important; animation: none !important; scroll-behavior: auto !important; }
}