/**
 * ParsAccess product detail page (redesign).
 * Restyles the existing .pdp4 markup to the glass design system: split hero
 * (buy panel start / gallery end), styled native variation form, trust row,
 * tabbed/accordion info, related carousel, sticky mobile buy bar.
 * The WooCommerce add-to-cart form (variations, quantity, validation) is native
 * and untouched — this only restyles it. Depends on parsaccess-ui.css.
 *
 * @package parsaccess
 */

.pdp4 { position: relative; padding-block: 18px 60px; }

/* breadcrumb */
.pdp4 .pdp3-crumbs { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--pa-text-muted); margin-block-end: 18px; flex-wrap: wrap; }
.pdp4 .pdp3-crumbs a { color: var(--pa-text-muted); text-decoration: none; }
.pdp4 .pdp3-crumbs a:hover { color: var(--pa-teal-strong); }
.pdp4 .pdp3-crumbs .crumb-here { color: var(--pa-text); font-weight: 600; }

/* ---------------- hero: details (60%, right) + gallery (40%, left) ---------------- */
.pdp4-hero { position: relative; z-index: 20; overflow: visible; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; grid-template-columns: minmax(0, 3fr) minmax(330px, 2fr); gap: clamp(24px, 3vw, 52px); align-items: start; margin-block-end: 36px; }
.pdp4-hero .pdp4-buy { order: 1; }
.pdp4-hero .pdp4-media { order: 2; }

.pdp4-media { position: relative; width: 100%; min-width: 0; max-width: 100%; padding: 0; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.pdp4-stage { position: relative; aspect-ratio: 1; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(150deg, rgba(255,255,255,.82), color-mix(in srgb, var(--gc, var(--pa-indigo)) 10%, rgba(255,255,255,.56))); border: 1px solid var(--pa-glass-border); box-shadow: 0 18px 38px rgba(35,45,110,.10), inset 0 1px 0 rgba(255,255,255,.92); }
[data-theme="dark"] .pdp4-stage { background: linear-gradient(150deg, rgba(40,46,88,.76), color-mix(in srgb, var(--gc, var(--pa-indigo)) 18%, rgba(20,25,53,.68))); }
.pdp4-stage img { width: 100%; height: 100%; object-fit: cover; }
.pdp4-chip { display: inline-flex; align-items: center; justify-content: center; width: 62%; height: 62%; border-radius: 20px; color: #fff; font-weight: 800; font-size: 26px; letter-spacing: .06em; }

.pdp4-thumb-carousel { position: relative; margin-block-start: 12px; }
.pdp4-thumb-carousel.is-scrollable { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 9px; direction: ltr; }
.pdp4-thumbs { display: flex; direction: ltr; justify-content: flex-start; gap: 10px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: inline mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
.pdp4-thumbs::-webkit-scrollbar { display: none; }
.pdp3-thumb { flex: 0 0 calc((100% - 40px) / 5); aspect-ratio: 1; min-width: 0; padding: 5px; border-radius: 13px; border: 1px solid var(--pa-glass-border); background: var(--pa-glass-strong); cursor: pointer; display: flex; align-items: center; justify-content: center; scroll-snap-align: start; box-shadow: 0 7px 18px rgba(35,45,110,.07), inset 0 1px 0 rgba(255,255,255,.72); transition: border-color .18s var(--pa-ease), box-shadow .18s var(--pa-ease), transform .18s var(--pa-ease); }
.pdp3-thumb:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--pa-teal) 55%, var(--pa-glass-border)); }
.pdp3-thumb img { width: 100%; height: 100%; border-radius: 9px; object-fit: cover; }
.pdp3-thumb.active { border-color: var(--pa-teal); box-shadow: 0 0 0 2px color-mix(in srgb, var(--pa-teal) 26%, transparent), 0 8px 20px rgba(35,45,110,.09); }
.pdp4-gallery-arrow { position: static; z-index: 4; width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 1px solid var(--pa-glass-border); background: var(--pa-glass-strong); color: var(--pa-text); box-shadow: 0 8px 18px rgba(35,45,110,.14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); display: grid; place-items: center; cursor: pointer; }
.pdp4-gallery-arrow svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.pdp4-gallery-arrow:disabled { opacity: 0; pointer-events: none; }

.pdp4-buy { position: relative; z-index: 2; overflow: visible; display: flex; flex-direction: column; min-width: 0; padding-block: 3px; }
.pdp4-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.pdp4-title { flex: 1; min-width: 0; font-family: var(--font-display, inherit); font-size: clamp(22px, 2.15vw, 31px); font-weight: 800; color: var(--pa-text); line-height: 1.55; margin: 0; letter-spacing: -.01em; text-wrap: balance; overflow-wrap: anywhere; }
.pdp4-meta { flex: none; padding-block-start: 5px; }
.pdp4-rating { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px; color: var(--pa-text-muted); }
.pdp4-rating .t-stars { display: inline-flex; gap: 2px; direction: ltr; }
.pdp4-rating .t-stars svg { width: 19px; height: 19px; fill: #ffc43d; stroke: #ffc43d; stroke-width: 1.2; }
.pdp4-rating .t-stars .star-off { fill: none; stroke: #e0b84e; }
.pdp4-rating-copy { font-size: 12px; white-space: nowrap; }

.pdp4-highlights { margin: 18px 0 0; padding-inline-start: 20px; color: var(--pa-text-muted); font-size: 14.5px; line-height: 1.9; }
.pdp4-highlights li::marker { color: color-mix(in srgb, var(--pa-text-muted) 65%, transparent); font-size: .8em; }

/* ---------------- native add-to-cart form (restyled) ---------------- */
/* The WooCommerce form remains native; only its order and surface match the PDF. */
.pdp4-buy form.cart, .pdp4-buy .variations_form { margin: 0; padding: 0; background: none; border: 0; }
.pdp4-price-shell { margin-block-start: 22px; min-height: 64px; }
.pdp4-price-shell > .pdp3-fieldlabel { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: var(--pa-text-muted); }
.pdp4-buy .pdp3-price-row { display: block; min-height: 0; margin: 0; padding: 0; border: 0; }
.pdp4-buy .pdp3-price, .pdp4-buy .pdp3-price-row .price, .pdp4-buy .pdp4-price-fallback, .pdp4-buy .pdp4-price-fallback .price, .pdp4-buy .woocommerce-variation-price .price { font-size: clamp(22px, 2vw, 28px); font-weight: 900; color: var(--pa-teal-strong); font-feature-settings: 'tnum' 1; }
[data-theme="dark"] .pdp4-buy .pdp3-price, [data-theme="dark"] .pdp4-buy .pdp3-price-row .price, [data-theme="dark"] .pdp4-buy .pdp4-price-fallback, [data-theme="dark"] .pdp4-buy .woocommerce-variation-price .price { color: #7fe2dc; }
.pdp4-buy .price .from { font-size: 13px; color: var(--pa-text-muted); font-weight: 600; }
.pdp4-price-shell.has-variation-price .pdp4-price-fallback { display: none; }
.pdp4-buy .woocommerce-variation-description { display: none; }
.pdp4-buy .woocommerce-variation-availability { margin-block-start: 3px; font-size: 12px; color: var(--pa-text-muted); }

.pdp4-action-row { display: flex !important; align-items: center; gap: 12px; margin-block-start: 10px; }
.pdp4-action-row .pdp3-cta { flex: 1; margin: 0; }
.pdp4-action-row .pdp3-qty { flex: none; margin: 0; }

.pdp4-selectors { position: relative; z-index: 4; overflow: visible; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-block-start: 24px; }
.pdp4-selector { display: block; min-width: 0; }
.pdp4-selector > .pdp3-fieldlabel { margin: 0 0 9px; font-size: 18px; font-weight: 800; color: var(--pa-text); }
.pdp4 .pdp4-selector select, .pdp4 .pdp4-selector .pdp3-native-select {
	position: static !important; display: block !important; width: 100% !important; inline-size: 100% !important; height: 52px !important; block-size: 52px !important;
	margin: 0 !important; padding: 0 14px !important; overflow: visible !important; clip: auto !important; white-space: normal !important;
	border: 1px solid color-mix(in srgb, var(--pa-indigo) 24%, var(--pa-glass-border)) !important; border-radius: 13px !important;
	background: linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.30)) !important; color: var(--pa-text) !important;
	box-shadow: 0 7px 18px rgba(35,45,110,.07), inset 0 1px 0 rgba(255,255,255,.82); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	font: inherit !important; font-size: 14px !important; line-height: 1.5 !important; cursor: pointer !important;
}
[data-theme="dark"] .pdp4 .pdp4-selector select, [data-theme="dark"] .pdp4 .pdp4-selector .pdp3-native-select { background: rgba(255,255,255,.07) !important; border-color: rgba(205,216,255,.18) !important; }
.pdp4 .pdp4-selector select:focus { outline: none; border-color: var(--pa-teal) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-teal) 18%, transparent); }
.pdp4 .pdp4-selector select.pdp4-native-select-source, .pdp4 .pdp4-selector .pdp3-native-select.pdp4-native-select-source { position: absolute !important; width: 1px !important; inline-size: 1px !important; height: 1px !important; block-size: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }

.pdp4-glass-select { position: relative; min-width: 0; }
.pdp4-glass-select.is-open { z-index: 120; }
.pdp4-glass-select__button { position: relative; isolation: isolate; width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 14px; overflow: hidden; padding: 0 17px; border: 1px solid rgba(255,255,255,.78); border-radius: 16px; background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,255,255,.30)); color: var(--pa-text); box-shadow: 0 13px 28px rgba(35,45,110,.10), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(85,72,200,.07); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%); font: inherit; font-size: 17px; font-weight: 700; text-align: start; cursor: pointer; transition: border-color .18s var(--pa-ease), box-shadow .18s var(--pa-ease), transform .18s var(--pa-ease); }
.pdp4-glass-select__button::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 12% 0, rgba(110,221,220,.20), transparent 44%), linear-gradient(120deg, rgba(85,72,200,.06), transparent 52%); pointer-events: none; }
.pdp4-glass-select__button:hover { border-color: color-mix(in srgb, var(--pa-teal) 48%, rgba(255,255,255,.84)); transform: translateY(-1px); box-shadow: 0 16px 32px rgba(35,45,110,.13), inset 0 1px 0 rgba(255,255,255,.95); }
.pdp4-glass-select.is-open .pdp4-glass-select__button { border-color: var(--pa-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-teal) 16%, transparent), 0 16px 34px rgba(35,45,110,.15), inset 0 1px 0 rgba(255,255,255,.92); }
.pdp4-glass-select__button svg { flex: none; width: 19px; height: 19px; fill: none; stroke: var(--pa-teal-strong); stroke-width: 2; transition: transform .2s var(--pa-ease); }
.pdp4-glass-select.is-open .pdp4-glass-select__button svg { transform: rotate(180deg); }
.pdp4-glass-select__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pdp4-glass-select__menu { position: absolute; z-index: 130; inset-block-start: calc(100% + 8px); inset-inline: 0; max-height: min(246px, calc(100svh - 110px)); overflow-y: auto; padding: 7px; border: 1px solid rgba(255,255,255,.90); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(242,246,255,.94)); box-shadow: 0 24px 48px rgba(23,35,95,.24), inset 0 1px 0 rgba(255,255,255,.98); -webkit-backdrop-filter: blur(36px) saturate(150%); backdrop-filter: blur(36px) saturate(150%); scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--pa-indigo) 42%, transparent) transparent; }
.pdp4-glass-select__menu[hidden] { display: none; }
.pdp4-glass-select__menu::-webkit-scrollbar { width: 7px; }
.pdp4-glass-select__menu::-webkit-scrollbar-track { background: transparent; }
.pdp4-glass-select__menu::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 99px; background: color-mix(in srgb, var(--pa-indigo) 42%, transparent); background-clip: padding-box; }
.pdp4-glass-select__option { width: 100%; min-height: 43px; display: flex; align-items: center; padding: 8px 12px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: var(--pa-text); font: inherit; font-size: 15px; font-weight: 600; text-align: start; cursor: pointer; transition: background .15s var(--pa-ease), border-color .15s var(--pa-ease), color .15s var(--pa-ease); }
.pdp4-glass-select__option:hover, .pdp4-glass-select__option:focus-visible { outline: none; border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.52); color: var(--pa-navy); box-shadow: inset 0 1px 0 rgba(255,255,255,.82); }
.pdp4-glass-select__option.is-selected { background: linear-gradient(135deg, color-mix(in srgb, var(--pa-teal) 22%, rgba(255,255,255,.60)), color-mix(in srgb, var(--pa-indigo) 12%, rgba(255,255,255,.48))); border-color: color-mix(in srgb, var(--pa-teal) 36%, rgba(255,255,255,.72)); color: var(--pa-navy); font-weight: 800; }
.pdp4-glass-select__option:disabled { opacity: .36; cursor: not-allowed; }

[data-theme="dark"] .pdp4-glass-select__button { border-color: rgba(205,220,255,.20); background: linear-gradient(145deg, rgba(69,80,137,.34), rgba(23,31,68,.54)); box-shadow: 0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.13); }
[data-theme="dark"] .pdp4-glass-select__button::before { background: radial-gradient(circle at 12% 0, rgba(110,221,220,.15), transparent 46%), linear-gradient(120deg, rgba(85,72,200,.15), transparent 55%); }
[data-theme="dark"] .pdp4-glass-select__menu { border-color: rgba(205,220,255,.24); background: linear-gradient(145deg, rgba(47,57,110,.97), rgba(18,25,58,.95)); box-shadow: 0 26px 54px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.14); }
[data-theme="dark"] .pdp4-glass-select__option:hover, [data-theme="dark"] .pdp4-glass-select__option:focus-visible { border-color: rgba(205,220,255,.14); background: rgba(255,255,255,.08); color: #fff; }
[data-theme="dark"] .pdp4-glass-select__option.is-selected { border-color: rgba(110,221,220,.32); background: linear-gradient(135deg, rgba(30,182,173,.22), rgba(85,72,200,.20)); color: #fff; }
.pdp4-buy .reset_variations { display: none !important; }
.pdp4-denominations { margin-block-start: 24px; }

/* quantity stepper */
.pdp4-buy .qty-stepper, .pdp4-buy .quantity { display: inline-flex; align-items: center; gap: 0; border: 1px solid color-mix(in srgb, var(--pa-teal) 60%, var(--pa-glass-border)); border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.28)); overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.76); }
[data-theme="dark"] .pdp4-buy .qty-stepper, [data-theme="dark"] .pdp4-buy .quantity { background: rgba(255,255,255,.06); }
.pdp4-buy .qty-btn, .pdp4-buy .quantity .pa-qty-btn { width: 44px; height: 52px; min-height: 52px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--pa-teal-strong); font-size: 20px; cursor: pointer; }
.pdp4-buy .qty-btn:hover { transform: none; background: color-mix(in srgb, var(--pa-teal) 9%, transparent); color: var(--pa-teal-strong); }
.pdp4-buy .quantity input.qty { flex: 0 0 48px; width: 48px; min-width: 48px; height: 52px; min-height: 0; margin: 0; padding: 0 !important; border: 0; border-inline: 1px solid color-mix(in srgb, var(--pa-teal) 42%, transparent); border-radius: 0; background: none; color: var(--pa-text); font: inherit; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: normal; text-align: center; direction: ltr; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
.pdp4-buy .quantity input.qty::-webkit-outer-spin-button, .pdp4-buy .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pdp4-buy .single_add_to_cart_button, .pdp4-buy button.single_add_to_cart_button {
	width: 100%; min-height: 52px; border: 1px solid rgba(255,255,255,.4); border-radius: 12px;
	background: linear-gradient(135deg, var(--pa-teal), var(--pa-teal-strong)); color: #fff;
	font: inherit; font-weight: 800; font-size: 16px; cursor: pointer;
	box-shadow: 0 14px 28px -12px rgba(21,154,146,.78), inset 0 1px 0 rgba(255,255,255,.34);
	transition: filter .16s var(--pa-ease), transform .12s var(--pa-ease);
}
.pdp4-buy .single_add_to_cart_button:hover { filter: brightness(1.05); }
.pdp4-buy .single_add_to_cart_button:active { transform: translateY(1px); }
.pdp4-buy .single_add_to_cart_button.disabled, .pdp4-buy .single_add_to_cart_button[disabled] { opacity: .5; cursor: not-allowed; box-shadow: none; }

/* Minimal glass trust icons below the account selectors. */
.pdp4-trust-icons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-block-start: 22px; }
.pdp4-trust-item { min-width: 0; display: flex; align-items: center; gap: 9px; color: var(--pa-text); }
.pdp4-trust-icon { position: relative; isolation: isolate; flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.30)); box-shadow: 0 10px 22px rgba(35,45,110,.10), inset 0 1px 0 rgba(255,255,255,.94); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); color: var(--pa-teal-strong); }
.pdp4-trust-icon::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 18% 8%, rgba(110,221,220,.23), transparent 52%), linear-gradient(140deg, rgba(85,72,200,.08), transparent 60%); }
.pdp4-trust-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pdp4-trust-item > span:last-child { min-width: 0; }
.pdp4-trust-item strong, .pdp4-trust-item small { display: block; }
.pdp4-trust-item strong { font-size: 12.5px; line-height: 1.55; white-space: nowrap; }
.pdp4-trust-item small { margin-block-start: 1px; color: var(--pa-text-muted); font-size: 10.5px; line-height: 1.45; white-space: nowrap; }
[data-theme="dark"] .pdp4-trust-icon { border-color: rgba(205,220,255,.18); background: linear-gradient(145deg, rgba(72,83,143,.30), rgba(24,32,70,.48)); box-shadow: 0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12); color: #7fe2dc; }

/* Keep the complete desktop purchase hero inside the initial viewport. The
 * gallery is height-bound instead of always consuming the full 40% column. */
@media (min-width: 1024px) {
	.pdp4 { padding-block-start: clamp(8px, 1.8svh, 18px); }
	.pdp4 .pdp3-crumbs { margin-block-end: clamp(8px, 1.6svh, 16px); }
	.pdp4-hero { gap: clamp(22px, 2.6vw, 42px); padding: clamp(12px, 2.1svh, 22px); }
	.pdp4-hero .pdp4-media { inline-size: min(100%, max(280px, calc(100svh - 310px))); margin-inline: auto; }
	.pdp4-thumb-carousel { margin-block-start: clamp(8px, 1.4svh, 12px); }

	.pdp4-highlights { margin-block-start: clamp(8px, 1.7svh, 16px); line-height: 1.75; }
	.pdp4-price-shell { min-height: clamp(52px, 8svh, 64px); margin-block-start: clamp(10px, 2svh, 20px); }
	.pdp4-action-row { margin-block-start: clamp(7px, 1.2svh, 10px); }
	.pdp4-buy .single_add_to_cart_button, .pdp4-buy button.single_add_to_cart_button { min-height: clamp(46px, 6.6svh, 52px); }
	.pdp4-buy .qty-btn, .pdp4-buy .quantity .pa-qty-btn { height: clamp(46px, 6.6svh, 52px); min-height: clamp(46px, 6.6svh, 52px); }
	.pdp4-buy .quantity input.qty { height: clamp(46px, 6.6svh, 52px); }
	.pdp4-selectors { gap: clamp(12px, 1.7vw, 20px); margin-block-start: clamp(10px, 2svh, 20px); }
	.pdp4-selector > .pdp3-fieldlabel { margin-block-end: clamp(4px, 1svh, 8px); }
	.pdp4-glass-select__button { min-height: clamp(48px, 7svh, 56px); }
	.pdp4-trust-icons { margin-block-start: clamp(8px, 1.8svh, 18px); }
	.pdp4-trust-icon { flex-basis: clamp(36px, 5.5svh, 42px); width: clamp(36px, 5.5svh, 42px); height: clamp(36px, 5.5svh, 42px); }

	/* The complete explanation tab, including its tabs and slider controls, fits
	 * below the sticky desktop header in one viewport. */
	#pdp4-panel-0 .pdp5-description-grid { align-items: stretch; }
	#pdp4-panel-0 .pdp5-story-slider .pdp5-panel-slide { height: min(520px, calc(100svh - 310px), calc((100vw - 180px) / 2.15)); aspect-ratio: auto; }
	#pdp4-panel-0 .pdp5-description-copy { align-self: start; }
}

@media (min-width: 1024px) and (max-height: 800px) {
	.pdp4 .pdp4-panels { padding-block: clamp(14px, 2.2svh, 20px); }
	#pdp4-panel-0 .pdp5-description-grid { gap: clamp(24px, 3.5vw, 48px); }
	#pdp4-panel-0 .pdp5-description-copy { font-size: 12.5px; line-height: 1.72; }
	#pdp4-panel-0 .pdp5-description-copy p { margin-block-end: 7px; }
	#pdp4-panel-0 .pdp5-check-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 14px; margin-block-start: 10px; }
	#pdp4-panel-0 .pdp5-check-list li { gap: 6px; font-size: 12px; line-height: 1.55; }
	#pdp4-panel-0 .pdp5-check-list svg { flex-basis: 18px; width: 18px; height: 18px; margin-block-start: 1px; }
	#pdp4-panel-0 .pdp5-slider-controls { margin-block-start: 6px; }
	#pdp4-panel-0 .pdp5-slider-controls button { width: 34px; height: 30px; }
}


/* ---------------- steps + info tabs/accordions ---------------- */
.pdp4-steps { margin-block-end: 28px; }
.pdp4-steps ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; list-style: none; margin: 0; padding: 0; }
.pdp4-steps li { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--pa-radius-lg); background: var(--pa-glass); border: 1px solid var(--pa-glass-border); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.pdp4-stepnum { flex: none; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--pa-teal), var(--pa-teal-strong)); color: #fff; font-weight: 800; }
.pdp4-steps li b { display: block; color: var(--pa-text); font-size: 14.5px; }
.pdp4-steps li span:last-child { font-size: 12.5px; color: var(--pa-text-muted); }

.pdp4-card { padding: 22px 26px; border-radius: var(--pa-radius-lg); background: linear-gradient(135deg, rgba(255, 255, 255, .70), rgba(255, 255, 255, .34)); border: 1px solid var(--pa-glass-border); box-shadow: var(--pa-shadow); -webkit-backdrop-filter: blur(16px) saturate(120%); backdrop-filter: blur(16px) saturate(120%); }
[data-theme="dark"] .pdp4-card { background: linear-gradient(135deg, rgba(44, 49, 94, .48), rgba(26, 31, 66, .3)); }

/* info tabs (desktop) / accordions (mobile) */
.pdp4-tabs { margin-block-end: 28px; }
.pdp4-tabnav { display: flex; gap: 2px; border-block-end: 1px solid var(--pa-line); margin-block-end: 22px; overflow-x: auto; scrollbar-width: none; }
.pdp4-tabnav::-webkit-scrollbar { display: none; }
.pdp4-tab { position: relative; flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px 14px; border: 0; background: none; font: inherit; font-weight: 700; font-size: 14.5px; color: var(--pa-text-muted); cursor: pointer; white-space: nowrap; transition: color .16s var(--pa-ease); }
.pdp4-tab svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.pdp4-tab:hover { color: var(--pa-text); }
.pdp4-tab.is-active { color: var(--pa-teal-strong); }
.pdp4-tab.is-active::after { content: ""; position: absolute; inset-inline: 10px; inset-block-end: -1px; height: 2.5px; border-radius: 3px; background: var(--pa-teal-strong); }
.pdp4-panel[hidden] { display: none; }
.pdp4-acchead { display: none; }
.pdp4-ch { font-size: 17px; font-weight: 800; color: var(--pa-text); margin: 0 0 14px; }
.pdp4-card .prose { color: var(--pa-text-muted); font-size: 14.5px; line-height: 1.8; }
.pdp4-card .prose ol { padding-inline-start: 20px; }
.pdp4-featlist { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pdp4-featlist li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--pa-text); }
.pdp4-featlist svg { flex: none; width: 20px; height: 20px; fill: none; stroke: var(--pa-teal-strong); stroke-width: 2; margin-block-start: 1px; }
.pdp4-tip { margin-block-start: 12px; padding: 12px 14px; border-radius: 12px; background: var(--pa-ok-tint); color: var(--pa-teal-strong); font-size: 13px; }

.pdp4-acc { border-block-end: 1px solid var(--pa-line); }
.pdp4-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 0; cursor: pointer; font-weight: 700; color: var(--pa-text); font-size: 14.5px; list-style: none; }
.pdp4-acc summary::-webkit-details-marker { display: none; }
.pdp4-acc summary svg { width: 20px; height: 20px; fill: none; stroke: var(--pa-text-muted); stroke-width: 1.8; transition: transform .2s var(--pa-ease); }
.pdp4-acc[open] summary svg { transform: rotate(180deg); }
.pdp4-acc-body { padding-block-end: 14px; color: var(--pa-text-muted); font-size: 13.5px; line-height: 1.7; }

.pdp4-reviews { margin-block-end: 28px; }

/* ---------------- PDP continuation: five PDF-inspired tab states ---------------- */
.pdp4-tabs { position: relative; z-index: 1; overflow: hidden; padding: 0; margin-block-end: 28px; }
.pdp4-tabnav { display: flex; direction: rtl; justify-content: flex-start; gap: 2px; margin: 0; padding-inline: clamp(12px, 2.5vw, 30px); border-block-end: 1px solid var(--pa-line); overflow-x: auto; scrollbar-width: none; }
.pdp4-tab { flex: 0 0 auto; justify-content: center; min-width: clamp(112px, 12vw, 160px); min-height: 60px; padding: 16px 14px; font-size: clamp(13px, 1.25vw, 15px); font-weight: 800; }
.pdp4-tab.is-active::after { inset-inline: 18%; height: 3px; background: var(--pa-teal); }
.pdp4-panels { padding: clamp(20px, 3vw, 38px); }
.pdp4-panel[hidden] { display: none; }

.pdp5-description-grid, .pdp5-activation-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); align-items: start; gap: clamp(28px, 5vw, 70px); }
.pdp5-description-copy { color: var(--pa-text-muted); font-size: 14px; line-height: 2; }
.pdp5-description-copy p { margin: 0 0 12px; }
/* Stored description HTML. Scoped to .pdp5-description-rich so it cannot reach the
   .pdp5-check-list below, which is a bare ul and must stay unbulleted. Until now no rule in this
   panel targeted h3/ul/li at all, because the description arrived pre-stripped of every tag. */
.pdp5-description-rich > *:first-child { margin-block-start: 0; }
.pdp5-description-rich p { margin: 0 0 12px; }
.pdp5-description-rich h3, .pdp5-description-rich h4 { margin: 20px 0 9px; font-size: 15.5px; font-weight: 800; color: var(--pa-text); line-height: 1.6; }
.pdp5-description-rich ul, .pdp5-description-rich ol { margin: 0 0 14px; padding-inline-start: 20px; }
.pdp5-description-rich ul { list-style: disc; }
.pdp5-description-rich ol { list-style: decimal; }
.pdp5-description-rich li { margin-block-end: 6px; }
.pdp5-description-rich li::marker { color: var(--pa-teal-strong); }
.pdp5-description-rich strong, .pdp5-description-rich b { font-weight: 800; color: var(--pa-text); }
.pdp5-check-list { display: grid; gap: 9px; margin: 22px 0 0; padding: 0; list-style: none; }
.pdp5-check-list li { display: flex; align-items: flex-start; gap: 9px; color: var(--pa-text); font-size: 13.5px; line-height: 1.7; }
.pdp5-check-list svg { flex: 0 0 21px; width: 21px; height: 21px; margin-block-start: 2px; fill: color-mix(in srgb, var(--pa-teal) 9%, transparent); stroke: var(--pa-teal-strong); stroke-width: 1.7; }

.pdp5-story-slider { min-width: 0; direction: ltr; }
.pdp5-panel-slides { position: relative; min-width: 0; }
.pdp5-panel-slide { display: none; margin: 0; }
.pdp5-panel-slide.is-active { display: block; animation: pdp5-slide-in .28s var(--pa-ease) both; }
@keyframes pdp5-slide-in { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
.pdp5-story-slider .pdp5-panel-slides { overflow: hidden; border: 1px solid rgba(255,255,255,.80); border-radius: 20px; background: var(--pa-glass-strong); box-shadow: 0 18px 38px rgba(35,45,110,.12), inset 0 1px 0 rgba(255,255,255,.90); -webkit-backdrop-filter: blur(22px) saturate(145%); backdrop-filter: blur(22px) saturate(145%); }
.pdp5-story-slider .pdp5-panel-slide { position: relative; aspect-ratio: 1.08 / 1; }
.pdp5-story-slider img { width: 100%; height: 100%; display: block; object-fit: cover; }
.pdp5-canva-stack { position: absolute; inset: 11%; display: grid; place-content: center; border: 2px solid rgba(255,255,255,.68); border-radius: 18px; background: rgba(20,28,70,.10); box-shadow: inset 0 0 34px rgba(255,255,255,.18), 0 16px 34px rgba(24,29,91,.20); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
.pdp5-canva-stack b { color: rgba(255,255,255,.96); font: 800 clamp(34px, 5vw, 66px)/.94 Arial, sans-serif; letter-spacing: -.04em; text-shadow: 0 3px 8px rgba(20,25,70,.38); }
.pdp5-canva-stack b:nth-child(2) { color: rgba(255,236,89,.88); transform: translateX(12%); }
.pdp5-canva-stack b:nth-child(3) { color: rgba(255,255,255,.32); transform: translateX(-10%); }
.pdp5-slider-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-block-start: 10px; direction: ltr; }
.pdp5-slider-controls button { width: 38px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid var(--pa-glass-border); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.65), rgba(255,255,255,.28)); color: var(--pa-navy); box-shadow: 0 8px 18px rgba(35,45,110,.09), inset 0 1px 0 rgba(255,255,255,.82); cursor: pointer; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.pdp5-slider-controls button:disabled { opacity: .28; cursor: default; }
.pdp5-slider-controls svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
[data-theme="dark"] .pdp5-slider-controls button { background: rgba(255,255,255,.07); color: var(--pa-text); }

.pdp5-activation-steps { display: grid; gap: 20px; margin: 0; padding: 6px 0 0; list-style: none; counter-reset: none; }
.pdp5-activation-steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px; }
.pdp5-activation-steps li > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--pa-teal) 38%, var(--pa-glass-border)); border-radius: 50%; background: color-mix(in srgb, var(--pa-teal) 11%, var(--pa-glass)); color: var(--pa-teal-strong); font-size: 14px; font-weight: 900; }
.pdp5-activation-steps p { margin: 3px 0 0; color: var(--pa-text); font-size: 14px; line-height: 1.9; }
.pdp5-activation-aside { position: relative; isolation: isolate; overflow: hidden; min-width: 0; padding: 18px 18px 14px; border: 1px solid rgba(255,255,255,.80); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.64), rgba(233,240,255,.28)); box-shadow: 0 20px 42px rgba(35,45,110,.12), inset 0 1px 0 rgba(255,255,255,.94); -webkit-backdrop-filter: blur(26px) saturate(155%); backdrop-filter: blur(26px) saturate(155%); }
.pdp5-activation-aside::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 90% 4%, rgba(110,221,220,.27), transparent 35%), radial-gradient(circle at 8% 92%, rgba(85,72,200,.14), transparent 42%); pointer-events: none; }
.pdp5-activation-aside-head { text-align: center; }
.pdp5-activation-aside-head small { display: block; color: var(--pa-teal-strong); font-size: 10.5px; font-weight: 800; }
.pdp5-activation-aside-head h3 { margin: 2px 0 0; color: var(--pa-text); font-size: 15.5px; font-weight: 900; line-height: 1.55; }
.pdp5-activation-map { position: relative; min-height: 238px; margin-block-start: 5px; direction: ltr; }
.pdp5-activation-connectors { position: absolute; z-index: 0; inset: 4px 2%; width: 96%; height: calc(100% - 8px); overflow: visible; fill: none; stroke: color-mix(in srgb, var(--pa-teal) 38%, transparent); stroke-width: 1.25; stroke-dasharray: 4 5; vector-effect: non-scaling-stroke; }
.pdp5-activation-connectors circle { stroke: color-mix(in srgb, var(--pa-indigo) 17%, transparent); stroke-dasharray: 2 7; }
.pdp5-activation-core { position: absolute; z-index: 3; inset-block-start: 50%; inset-inline-start: 50%; width: 112px; min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px; border: 1px solid color-mix(in srgb, var(--pa-teal) 46%, rgba(255,255,255,.78)); border-radius: 50%; background: radial-gradient(circle at 34% 24%, rgba(255,255,255,.86), color-mix(in srgb, var(--pa-teal) 15%, rgba(255,255,255,.38))); box-shadow: 0 17px 35px rgba(35,45,110,.13), 0 0 0 9px color-mix(in srgb, var(--pa-teal) 6%, transparent), inset 0 1px 0 rgba(255,255,255,.96); color: var(--pa-teal-strong); text-align: center; transform: translate(-50%, -50%); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
.pdp5-activation-core > span { width: 30px; height: 30px; display: grid; place-items: center; margin-block-end: 3px; }
.pdp5-activation-core svg, .pdp5-activation-node svg, .pdp5-activation-nodes svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pdp5-activation-core strong, .pdp5-activation-core small { display: block; }
.pdp5-activation-core strong { color: var(--pa-navy); font-size: 11.5px; font-weight: 900; }
.pdp5-activation-core small { margin-block-start: 1px; color: var(--pa-teal-strong); font-size: 9.5px; font-weight: 800; }
.pdp5-activation-nodes { margin: 0; padding: 0; list-style: none; }
.pdp5-activation-nodes li { position: absolute; z-index: 2; width: min(37%, 142px); min-height: 62px; display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; gap: 7px; padding: 8px; border: 1px solid rgba(255,255,255,.76); border-radius: 13px; background: linear-gradient(145deg, rgba(255,255,255,.64), rgba(255,255,255,.24)); box-shadow: 0 11px 25px rgba(35,45,110,.09), inset 0 1px 0 rgba(255,255,255,.90); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
.pdp5-activation-nodes li.is-order { inset-block-start: 4px; inset-inline-end: 0; }
.pdp5-activation-nodes li.is-info { inset-block-start: 4px; inset-inline-start: 0; }
.pdp5-activation-nodes li.is-activate { inset-block-end: 4px; inset-inline-start: 0; }
.pdp5-activation-nodes li.is-delivery { inset-block-end: 4px; inset-inline-end: 0; }
.pdp5-activation-nodes li > span { width: 31px; height: 31px; display: grid; place-items: center; padding: 7px; border: 1px solid color-mix(in srgb, var(--pa-teal) 30%, rgba(255,255,255,.78)); border-radius: 10px; background: color-mix(in srgb, var(--pa-teal) 11%, rgba(255,255,255,.42)); color: var(--pa-teal-strong); box-shadow: inset 0 1px 0 rgba(255,255,255,.82); }
.pdp5-activation-nodes li > div { min-width: 0; text-align: start; direction: rtl; }
.pdp5-activation-nodes b { display: inline-grid; width: 15px; height: 15px; place-items: center; margin-inline-end: 3px; border-radius: 50%; background: color-mix(in srgb, var(--pa-indigo) 11%, transparent); color: var(--pa-indigo); font-size: 8px; vertical-align: 1px; }
.pdp5-activation-nodes strong, .pdp5-activation-nodes small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdp5-activation-nodes strong { color: var(--pa-text); font-size: 10.5px; font-weight: 850; }
.pdp5-activation-nodes small { margin-block-start: 2px; color: var(--pa-text-muted); font-size: 8.5px; }
.pdp5-activation-support { display: flex; align-items: center; justify-content: center; gap: 7px; width: fit-content; max-width: 100%; margin: 6px auto 0; padding: 7px 12px; border: 1px solid color-mix(in srgb, var(--pa-indigo) 18%, rgba(255,255,255,.72)); border-radius: 999px; background: color-mix(in srgb, var(--pa-indigo) 6%, rgba(255,255,255,.30)); color: var(--pa-text-muted); font-size: 10px; font-weight: 700; text-align: center; }
.pdp5-activation-support > span { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--pa-teal); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pa-teal) 14%, transparent), 0 0 12px color-mix(in srgb, var(--pa-teal) 55%, transparent); }
[data-theme="dark"] .pdp5-activation-aside { border-color: rgba(205,220,255,.18); background: linear-gradient(145deg, rgba(69,80,137,.30), rgba(23,31,68,.48)); box-shadow: 0 18px 38px rgba(0,0,0,.21), inset 0 1px 0 rgba(255,255,255,.11); }
[data-theme="dark"] .pdp5-activation-core { border-color: rgba(110,221,220,.32); background: radial-gradient(circle at 34% 24%, rgba(110,221,220,.16), rgba(40,52,94,.52)); box-shadow: 0 17px 35px rgba(0,0,0,.20), 0 0 0 9px rgba(110,221,220,.035), inset 0 1px 0 rgba(255,255,255,.12); }
[data-theme="dark"] .pdp5-activation-core strong { color: #eef2ff; }
[data-theme="dark"] .pdp5-activation-nodes li { border-color: rgba(205,220,255,.15); background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); box-shadow: 0 11px 25px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.09); }
[data-theme="dark"] .pdp5-activation-nodes li > span { border-color: rgba(110,221,220,.24); background: rgba(110,221,220,.08); }
[data-theme="dark"] .pdp5-activation-support { border-color: rgba(156,145,242,.17); background: rgba(85,72,200,.07); }

.pdp5-comparison { position: relative; isolation: isolate; overflow: hidden; padding: clamp(10px, 1.5vw, 16px); border: 1px solid rgba(255,255,255,.76); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(233,241,255,.30)); box-shadow: 0 20px 46px rgba(35,45,110,.12), inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(85,72,200,.06); -webkit-backdrop-filter: blur(26px) saturate(155%); backdrop-filter: blur(26px) saturate(155%); }
.pdp5-comparison::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 7% 0, rgba(110,221,220,.22), transparent 38%), radial-gradient(circle at 95% 100%, rgba(85,72,200,.13), transparent 42%); pointer-events: none; }
.pdp5-comparison-head, .pdp5-comparison-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pdp5-comparison-head { position: relative; z-index: 1; gap: 10px; margin-block-end: 10px; }
.pdp5-comparison-head strong { min-height: 54px; display: flex; align-items: center; justify-content: center; padding-inline: 18px; border: 1px solid rgba(255,255,255,.80); border-radius: 14px; color: var(--pa-text); font-size: 14px; font-weight: 900; letter-spacing: -.1px; box-shadow: 0 12px 27px rgba(35,45,110,.09), inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(85,72,200,.05); -webkit-backdrop-filter: blur(22px) saturate(150%); backdrop-filter: blur(22px) saturate(150%); }
.pdp5-comparison-head strong:first-child { border-color: color-mix(in srgb, var(--pa-indigo) 24%, rgba(255,255,255,.80)); background: radial-gradient(circle at 10% 0, rgba(85,72,200,.13), transparent 44%), linear-gradient(145deg, rgba(255,255,255,.66), rgba(238,240,255,.29)); color: var(--pa-navy); }
.pdp5-comparison-head strong:last-child { border-color: color-mix(in srgb, var(--pa-teal) 38%, rgba(255,255,255,.80)); background: radial-gradient(circle at 90% 0, rgba(110,221,220,.23), transparent 46%), linear-gradient(145deg, rgba(255,255,255,.68), color-mix(in srgb, var(--pa-teal) 10%, rgba(238,246,255,.30))); color: var(--pa-teal-strong); }
.pdp5-comparison-row { position: relative; z-index: 1; gap: 10px; margin-block-start: 8px; }
.pdp5-comparison-row span { position: relative; min-height: 62px; display: flex; align-items: center; padding: 13px 18px; padding-inline-end: 54px; border: 1px solid rgba(255,255,255,.74); border-radius: 13px; background: linear-gradient(145deg, rgba(255,255,255,.50), rgba(255,255,255,.20)); box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 22px rgba(35,45,110,.055); color: var(--pa-text); font-size: 13px; line-height: 1.7; transition: border-color .25s var(--pa-ease), background .25s var(--pa-ease), box-shadow .25s var(--pa-ease), transform .25s var(--pa-ease); }
.pdp5-comparison-row span + span { border-color: color-mix(in srgb, var(--pa-teal) 26%, rgba(255,255,255,.74)); background: linear-gradient(145deg, color-mix(in srgb, var(--pa-teal) 10%, rgba(255,255,255,.54)), rgba(255,255,255,.21)); font-weight: 700; }
.pdp5-comparison-row:hover span { border-color: color-mix(in srgb, var(--pa-indigo) 22%, rgba(255,255,255,.78)); box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 11px 26px rgba(35,45,110,.085); transform: translateY(-1px); }
.pdp5-comparison-row:hover span + span { border-color: color-mix(in srgb, var(--pa-teal) 42%, rgba(255,255,255,.76)); }
.pdp5-comparison-row span::after { content: "\2212"; position: absolute; inset-inline-end: 16px; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--pa-danger) 18%, rgba(255,255,255,.72)); border-radius: 9px; background: color-mix(in srgb, var(--pa-danger) 9%, rgba(255,255,255,.35)); box-shadow: inset 0 1px 0 rgba(255,255,255,.72); color: var(--pa-danger); font-size: 15px; font-weight: 900; }
.pdp5-comparison-row span + span::after { content: "\2713"; border-color: color-mix(in srgb, var(--pa-teal) 30%, rgba(255,255,255,.72)); background: color-mix(in srgb, var(--pa-teal) 13%, rgba(255,255,255,.38)); color: var(--pa-teal-strong); }
[data-theme="dark"] .pdp5-comparison { border-color: rgba(205,220,255,.20); background: linear-gradient(145deg, rgba(69,80,137,.30), rgba(23,31,68,.48)); box-shadow: 0 22px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12); }
[data-theme="dark"] .pdp5-comparison-head strong { border-color: rgba(205,220,255,.20); background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035)); box-shadow: 0 13px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.13); color: #eef2ff; }
[data-theme="dark"] .pdp5-comparison-head strong:first-child { border-color: rgba(156,145,242,.25); background: radial-gradient(circle at 10% 0, rgba(126,110,238,.20), transparent 46%), linear-gradient(145deg, rgba(68,76,132,.30), rgba(27,34,73,.28)); color: #d9ddff; }
[data-theme="dark"] .pdp5-comparison-head strong:last-child { border-color: rgba(110,221,220,.31); background: radial-gradient(circle at 90% 0, rgba(110,221,220,.21), transparent 48%), linear-gradient(145deg, rgba(54,103,119,.29), rgba(25,37,74,.30)); color: #91e5df; }
[data-theme="dark"] .pdp5-comparison-row span { border-color: rgba(205,220,255,.15); background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.10); }
[data-theme="dark"] .pdp5-comparison-row span + span { border-color: rgba(110,221,220,.21); background: linear-gradient(145deg, rgba(110,221,220,.105), rgba(85,72,200,.055)); }
[data-theme="dark"] .pdp5-comparison-row span::after { background: rgba(241,70,70,.09); border-color: rgba(241,70,70,.17); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
[data-theme="dark"] .pdp5-comparison-row span + span::after { background: rgba(110,221,220,.11); border-color: rgba(110,221,220,.22); }

.pdp5-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px 18px; }
.pdp5-faq-grid details { position: relative; isolation: isolate; align-self: start; width: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.78); border-radius: 15px; background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(236,243,255,.32)); box-shadow: 0 12px 28px rgba(35,45,110,.09), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(85,72,200,.06); -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%); transition: border-color .28s var(--pa-ease), background .28s var(--pa-ease), box-shadow .28s var(--pa-ease), transform .28s var(--pa-ease); }
.pdp5-faq-grid details::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 10% 0, rgba(110,221,220,.17), transparent 45%), linear-gradient(120deg, rgba(85,72,200,.055), transparent 58%); pointer-events: none; }
.pdp5-faq-grid details:hover { border-color: color-mix(in srgb, var(--pa-teal) 42%, rgba(255,255,255,.78)); box-shadow: 0 15px 32px rgba(35,45,110,.12), inset 0 1px 0 rgba(255,255,255,.94); transform: translateY(-1px); }
.pdp5-faq-grid details[open] { border-color: color-mix(in srgb, var(--pa-teal) 52%, rgba(255,255,255,.78)); background: linear-gradient(145deg, rgba(255,255,255,.74), color-mix(in srgb, var(--pa-teal) 8%, rgba(236,243,255,.38))); box-shadow: 0 17px 36px rgba(35,45,110,.13), 0 0 0 3px color-mix(in srgb, var(--pa-teal) 8%, transparent), inset 0 1px 0 rgba(255,255,255,.94); }
[data-theme="dark"] .pdp5-faq-grid details { border-color: rgba(205,220,255,.20); background: linear-gradient(145deg, rgba(69,80,137,.28), rgba(23,31,68,.46)); box-shadow: 0 16px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12); }
[data-theme="dark"] .pdp5-faq-grid details[open] { border-color: rgba(110,221,220,.34); background: linear-gradient(145deg, rgba(57,76,126,.46), rgba(20,34,65,.62)); box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 0 0 3px rgba(110,221,220,.06), inset 0 1px 0 rgba(255,255,255,.14); }
.pdp5-faq-grid summary { position: relative; z-index: 1; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; color: var(--pa-text); font-size: 13.5px; font-weight: 800; cursor: pointer; list-style: none; }
.pdp5-faq-grid summary::-webkit-details-marker { display: none; }
.pdp5-faq-grid summary svg { flex: none; width: 28px; height: 28px; padding: 6px; border: 1px solid var(--pa-glass-border); border-radius: 9px; background: rgba(255,255,255,.30); color: var(--pa-navy); fill: none; stroke: currentColor; stroke-width: 2; box-shadow: inset 0 1px 0 rgba(255,255,255,.70); transition: transform .34s var(--pa-ease), background .25s var(--pa-ease), color .25s var(--pa-ease); }
.pdp5-faq-grid details[open] summary svg { transform: rotate(180deg); background: color-mix(in srgb, var(--pa-teal) 15%, rgba(255,255,255,.34)); color: var(--pa-teal-strong); }
[data-theme="dark"] .pdp5-faq-grid summary svg { background: rgba(255,255,255,.07); stroke: var(--pa-text); }
.pdp5-faq-grid p { display: block !important; overflow: hidden; max-height: 0; margin: 0; padding: 0 15px; opacity: 0; transform: translateY(-7px); color: var(--pa-text-muted); font-size: 12.5px; line-height: 1.8; transition: max-height .40s var(--pa-ease), padding .36s var(--pa-ease), opacity .24s ease, transform .36s var(--pa-ease); }
.pdp5-faq-grid details[open] p { max-height: 150px; padding-block-end: 15px; opacity: 1; transform: translateY(0); }

.pdp5-review-panel #reviews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(26px, 5vw, 64px); }
.pdp5-review-panel #reviews > .clear { display: none; }
.pdp5-review-panel #comments, .pdp5-review-panel #review_form_wrapper { min-width: 0; }
.pdp5-review-panel #comments .woocommerce-Reviews-title { margin: 0 0 16px; color: transparent; font-size: 0; }
.pdp5-review-panel #comments .woocommerce-Reviews-title::before { content: "نظرات ثبت‌شده"; color: var(--pa-text); font-size: 16px; font-weight: 900; }
.pdp5-review-panel .woocommerce-noreviews { padding: 18px; border: 1px solid var(--pa-glass-border); border-radius: 13px; background: rgba(255,255,255,.28); color: var(--pa-text-muted); font-size: 13px; }
.pdp5-review-panel #reviews .commentlist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pdp5-review-panel #reviews .commentlist .comment_container { padding: 14px; border: 1px solid color-mix(in srgb, var(--pa-navy) 45%, var(--pa-glass-border)); border-radius: 13px; background: rgba(255,255,255,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.62); }
.pdp5-review-panel #reviews .commentlist img.avatar { display: none; }
.pdp5-review-panel #reviews .comment-text { margin: 0; }
.pdp5-review-panel #reply-title { display: block; margin: 0 0 14px; color: transparent; font-size: 0; }
.pdp5-review-panel #reply-title::before { content: "دیدگاه خود را ثبت کنید"; color: var(--pa-text); font-size: 16px; font-weight: 900; }
.pdp5-review-panel .comment-notes { grid-column: 1 / -1; margin: 0; color: var(--pa-text-muted); font-size: 11.5px; }
.pdp5-review-panel .comment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 14px; }
.pdp5-review-panel .comment-form > p, .pdp5-review-panel .comment-form-rating { margin: 0; }
.pdp5-review-panel .comment-form-rating, .pdp5-review-panel .comment-form-comment, .pdp5-review-panel .comment-form-cookies-consent, .pdp5-review-panel .form-submit { grid-column: 1 / -1; }
.pdp5-review-panel .comment-form label { display: block; margin-block-end: 7px; color: var(--pa-text); font-size: 13px; font-weight: 800; }
.pdp5-review-panel .comment-form input[type="text"], .pdp5-review-panel .comment-form input[type="email"], .pdp5-review-panel .comment-form textarea, .pdp5-review-panel #rating { width: 100%; border: 1px solid color-mix(in srgb, var(--pa-navy) 44%, var(--pa-glass-border)); border-radius: 10px; background: rgba(255,255,255,.25); color: var(--pa-text); font: inherit; }
.pdp5-review-panel .comment-form input[type="text"], .pdp5-review-panel .comment-form input[type="email"], .pdp5-review-panel #rating { min-height: 44px; padding-inline: 12px; }
.pdp5-review-panel .comment-form textarea { min-height: 120px; padding: 12px; resize: vertical; }
.pdp5-review-panel .comment-form input:focus, .pdp5-review-panel .comment-form textarea:focus { outline: none; border-color: var(--pa-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-teal) 17%, transparent); }
.pdp5-review-panel .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 8px; }
.pdp5-review-panel .comment-form-cookies-consent label { margin: 0; color: var(--pa-text-muted); font-size: 11.5px; font-weight: 500; }
.pdp5-review-panel .form-submit .submit { width: 100%; min-height: 44px; border: 1px solid rgba(255,255,255,.46); border-radius: 10px; background: linear-gradient(135deg, var(--pa-teal), var(--pa-teal-strong)); color: #fff; font: inherit; font-size: 13.5px; font-weight: 900; cursor: pointer; box-shadow: 0 12px 24px -14px rgba(21,154,146,.80); }
.pdp5-review-panel .comment-form-rating { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 13px 14px 14px; border: 1px solid rgba(255,255,255,.72); border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.48), rgba(236,243,255,.22)); box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 9px 22px rgba(35,45,110,.06); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); }
.pdp5-review-panel .comment-form-rating > label { margin: 0; }
.pdp5-review-panel #reviews p.stars { width: 100%; display: flex; justify-content: flex-end; margin: 0 !important; direction: ltr; text-align: start; }
.pdp5-review-panel #reviews p.stars > span { display: inline-flex; gap: 7px; }
.pdp5-review-panel #reviews p.stars a { position: relative; float: none; width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; margin: 0; border: 1px solid rgba(255,255,255,.76); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.26)); box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 7px 17px rgba(35,45,110,.07); color: transparent; text-indent: -9999px; text-decoration: none; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transition: border-color .20s var(--pa-ease), background .20s var(--pa-ease), box-shadow .20s var(--pa-ease), transform .20s var(--pa-ease); }
.pdp5-review-panel #reviews p.stars a::before { content: none !important; display: none !important; }
.pdp5-review-panel #reviews p.stars a::after { content: "\2605"; position: absolute; inset: 0; display: grid; place-items: center; color: #b7bfd1; font-family: Arial, sans-serif; font-size: 20px; line-height: 1; text-indent: 0; transition: color .18s ease, transform .20s var(--pa-ease); }
.pdp5-review-panel #reviews p.stars.selected a { border-color: rgba(245,179,1,.42); background: linear-gradient(145deg, rgba(255,230,145,.36), rgba(255,255,255,.27)); }
.pdp5-review-panel #reviews p.stars.selected a::after { color: #f5b301; }
.pdp5-review-panel #reviews p.stars.selected a.active ~ a { border-color: rgba(255,255,255,.76); background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.26)); }
.pdp5-review-panel #reviews p.stars.selected a.active ~ a::after { color: #b7bfd1; }
.pdp5-review-panel #reviews p.stars > span:hover a { border-color: rgba(245,179,1,.52); background: linear-gradient(145deg, rgba(255,230,145,.42), rgba(255,255,255,.30)); }
.pdp5-review-panel #reviews p.stars > span:hover a::after { color: #f5b301; }
.pdp5-review-panel #reviews p.stars > span:hover a:hover ~ a { border-color: rgba(255,255,255,.76); background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.26)); }
.pdp5-review-panel #reviews p.stars > span:hover a:hover ~ a::after { color: #b7bfd1; }
.pdp5-review-panel #reviews p.stars a:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 21px rgba(116,88,0,.13); transform: translateY(-2px); }
.pdp5-review-panel #reviews p.stars a:hover::after { transform: scale(1.10); }
.pdp5-review-panel #reviews p.stars a:focus-visible { outline: none; border-color: #f5b301; box-shadow: 0 0 0 3px rgba(245,179,1,.19), inset 0 1px 0 rgba(255,255,255,.90); }
.pdp5-review-panel #reviews .star-rating { position: relative; width: 96px; height: 20px; display: block; overflow: hidden; margin-block-end: 7px; direction: ltr; color: transparent; font-size: 0; line-height: 1; }
.pdp5-review-panel #reviews .star-rating::before, .pdp5-review-panel #reviews .star-rating > span::before { content: "\2605\2605\2605\2605\2605"; position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 96px; color: #c1c7d5; font-family: Arial, sans-serif; font-size: 18px; line-height: 20px; letter-spacing: 1px; white-space: nowrap; }
.pdp5-review-panel #reviews .star-rating > span { position: absolute; inset-block-start: 0; inset-inline-start: 0; height: 20px; overflow: hidden; padding-block-start: 20px; }
.pdp5-review-panel #reviews .star-rating > span::before { color: #f5b301; }
[data-theme="dark"] .pdp5-review-panel .comment-form-rating { border-color: rgba(205,220,255,.18); background: linear-gradient(145deg, rgba(69,80,137,.24), rgba(23,31,68,.36)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 11px 24px rgba(0,0,0,.13); }
[data-theme="dark"] .pdp5-review-panel #reviews p.stars a, [data-theme="dark"] .pdp5-review-panel #reviews p.stars.selected a.active ~ a, [data-theme="dark"] .pdp5-review-panel #reviews p.stars > span:hover a:hover ~ a { border-color: rgba(205,220,255,.16); background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 8px 18px rgba(0,0,0,.13); }
[data-theme="dark"] .pdp5-review-panel #reviews p.stars.selected a, [data-theme="dark"] .pdp5-review-panel #reviews p.stars > span:hover a { border-color: rgba(245,179,1,.34); background: linear-gradient(145deg, rgba(245,179,1,.17), rgba(255,255,255,.045)); }
[data-theme="dark"] .pdp5-review-panel .comment-form input, [data-theme="dark"] .pdp5-review-panel .comment-form textarea, [data-theme="dark"] .pdp5-review-panel .woocommerce-noreviews, [data-theme="dark"] .pdp5-review-panel #reviews .commentlist .comment_container { background: rgba(255,255,255,.05); border-color: rgba(205,220,255,.18); }

/* ---------------- related products: exact shop cards ---------------- */
.pdp6-related { position: relative; isolation: isolate; overflow: hidden; margin-block-end: 0; padding: clamp(18px, 2.5vw, 30px); }
.pdp6-related::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 100% 0, rgba(110,221,220,.16), transparent 36%), radial-gradient(circle at 0 100%, rgba(85,72,200,.10), transparent 42%); pointer-events: none; }
.pdp6-related-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-block-end: clamp(18px, 2.4vw, 28px); }
.pdp6-related-head > div { min-width: 0; }
.pdp6-related-kicker { display: block; margin-block-end: 5px; color: var(--pa-teal-strong); font-size: 11px; font-weight: 900; letter-spacing: .02em; }
.pdp6-related-head h2 { margin: 0; color: var(--pa-text); font-family: var(--font-display, inherit); font-size: clamp(20px, 2.2vw, 28px); font-weight: 900; line-height: 1.5; }
.pdp6-related-head p { margin: 3px 0 0; color: var(--pa-text-muted); font-size: 12.5px; line-height: 1.8; }
.pdp6-related-all { flex: none; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding-inline: 15px; border: 1px solid color-mix(in srgb, var(--pa-indigo) 20%, rgba(255,255,255,.72)); border-radius: 11px; background: linear-gradient(135deg, rgba(255,255,255,.60), rgba(85,72,200,.07), rgba(30,182,173,.09)); box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(35,45,110,.07); color: var(--pa-navy); font-size: 12.5px; font-weight: 800; text-decoration: none; -webkit-backdrop-filter: blur(15px) saturate(130%); backdrop-filter: blur(15px) saturate(130%); transition: border-color .2s var(--pa-ease), background .2s var(--pa-ease), transform .2s var(--pa-ease); }
.pdp6-related-all svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s var(--pa-ease); }
.pdp6-related-all:hover, .pdp6-related-all:focus-visible { border-color: color-mix(in srgb, var(--pa-teal) 48%, rgba(255,255,255,.72)); background: linear-gradient(135deg, rgba(85,72,200,.12), rgba(30,182,173,.16)); transform: translateY(-1px); }
.pdp6-related-all:hover svg, .pdp6-related-all:focus-visible svg { transform: translateX(-3px); }
.pdp6-related-grid.pa-shop-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; }
[data-theme="dark"] .pdp6-related-all { border-color: rgba(110,221,220,.20); background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(85,72,200,.10), rgba(30,182,173,.08)); color: #e8f8fa; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 9px 20px rgba(0,0,0,.14); }

/* ---------------- responsive ---------------- */
@media (max-width: 1023px) {
	.pdp4-hero { grid-template-columns: 1fr; gap: 20px; }
	.pdp4-hero .pdp4-media { order: 1; width: 100%; max-width: 560px; margin-inline: auto; }
	.pdp4-hero .pdp4-buy { order: 2; }
}
@media (max-width: 767px) {
	.pdp4 { padding-block-end: 52px; }
	.pdp4-hero { padding: 16px; border-radius: 20px; gap: 22px; }
	.pdp4-heading { gap: 14px; }
	.pdp4-title { font-size: clamp(20px, 5.4vw, 25px); }
	.pdp4-rating .t-stars svg { width: 16px; height: 16px; }
	.pdp4-highlights { margin-block-start: 14px; font-size: 13.5px; }
	.pdp4-selectors { gap: 12px; }
	.pdp4-selector > .pdp3-fieldlabel { font-size: 18px; }
	.pdp4-trust-item { flex-direction: column; text-align: center; gap: 6px; }
	.pdp4-trust-item strong, .pdp4-trust-item small { white-space: normal; }

	/* info block becomes an accordion list */
	.pdp4-tabnav { display: none; }
	.pdp4-panel, .pdp4-panel[hidden] { display: block; border-block-end: 1px solid var(--pa-line); }
	.pdp4-panel:last-child { border-block-end: 0; }
	.pdp4-acchead { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; padding: 16px 0; border: 0; background: none; font: inherit; font-weight: 700; font-size: 15px; color: var(--pa-text); cursor: pointer; }
	.pdp4-acchead svg { width: 20px; height: 20px; fill: none; stroke: var(--pa-text-muted); stroke-width: 1.8; transition: transform .2s var(--pa-ease); }
	.pdp4-acchead.is-active svg { transform: rotate(180deg); }
	.pdp4-panelbody { display: none; padding-block-end: 16px; }
	.pdp4-panel.is-open .pdp4-panelbody { display: block; }
}
@media (max-width: 520px) {
	.pdp4-heading { flex-direction: column; }
	.pdp4-meta { padding: 0; }
	.pdp4-rating { align-items: flex-start; }
	.pdp4-action-row { align-items: stretch; }
	.pdp4-action-row .pdp3-cta { min-width: 0; }
	.pdp4-buy .single_add_to_cart_button, .pdp4-buy button.single_add_to_cart_button { padding-inline: 10px; font-size: 14px; }
	.pdp4-buy .qty-btn { width: 38px; }
	.pdp4-buy .quantity input.qty { flex-basis: 44px; width: 44px; min-width: 44px; padding: 0 !important; }
	.pdp4-selectors { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.pdp4-thumbs { scroll-behavior: auto; }
}

@media (max-width: 900px) {
	.pdp5-description-grid, .pdp5-activation-grid { grid-template-columns: 1fr; gap: 26px; }
	.pdp5-story-slider, .pdp5-activation-aside { width: min(100%, 580px); margin-inline: auto; }
	.pdp5-review-panel #reviews { grid-template-columns: 1fr; }
	.pdp6-related-grid.pa-shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.pdp4-tabs { border-radius: 20px; }
	.pdp4-tabnav { display: flex; direction: rtl; justify-content: flex-start; gap: 6px; max-width: calc(100% - 20px); margin: 10px 10px 0; padding: 7px; border: 1px solid rgba(255,255,255,.70); border-radius: 15px; background: linear-gradient(145deg, rgba(255,255,255,.50), rgba(236,243,255,.24)); box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 9px 22px rgba(35,45,110,.07); overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 7px; scroll-snap-type: inline proximity; -webkit-overflow-scrolling: touch; -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); }
	.pdp4-tab { flex: 0 0 auto; min-width: max-content; min-height: 42px; padding: 9px 13px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; scroll-snap-align: start; }
	.pdp4-tab.is-active { border-color: color-mix(in srgb, var(--pa-teal) 32%, rgba(255,255,255,.76)); background: linear-gradient(135deg, color-mix(in srgb, var(--pa-teal) 14%, rgba(255,255,255,.62)), rgba(255,255,255,.28)); box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 7px 16px rgba(35,45,110,.08); }
	.pdp4-tab.is-active::after { display: none; }
	.pdp4-tab:focus-visible { outline: none; border-color: var(--pa-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-teal) 16%, transparent); }
	[data-theme="dark"] .pdp4-tabnav { border-color: rgba(205,220,255,.17); background: linear-gradient(145deg, rgba(69,80,137,.25), rgba(23,31,68,.38)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 24px rgba(0,0,0,.14); }
	[data-theme="dark"] .pdp4-tab.is-active { border-color: rgba(110,221,220,.28); background: linear-gradient(135deg, rgba(110,221,220,.13), rgba(85,72,200,.11)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.12); }
	.pdp4-panels { padding: 18px 15px 20px; }
	.pdp4-panel, .pdp4-panel[hidden] { display: none; border: 0; }
	.pdp4-panel.is-active:not([hidden]) { display: block; }
	.pdp5-description-copy { font-size: 13.5px; }
	.pdp5-check-list { margin-block-start: 16px; }
	.pdp5-faq-grid { grid-template-columns: 1fr; }
	.pdp6-related-head { align-items: flex-start; }
	.pdp6-related-grid.pa-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
	.pdp4-tabnav { gap: 4px; max-width: calc(100% - 12px); margin-inline: 6px; padding: 5px; border-radius: 13px; scroll-padding-inline: 5px; }
	.pdp4-tab { min-height: 39px; padding: 8px 11px; font-size: 11.5px; border-radius: 9px; }
}

@media (max-width: 600px) {
	.pdp5-comparison { padding: 8px; border-radius: 18px; }
	.pdp5-comparison-head { display: none; }
	.pdp5-comparison-row { grid-template-columns: 1fr; gap: 6px; margin-block-start: 0; padding: 6px; border: 1px solid rgba(255,255,255,.58); border-radius: 15px; background: rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.58); }
	.pdp5-comparison-row + .pdp5-comparison-row { margin-block-start: 8px; }
	.pdp5-comparison-row span { display: block; min-height: 0; padding: 12px 13px; padding-inline-end: 48px; border-radius: 10px; }
	.pdp5-comparison-row span + span { border-inline-start: 1px solid color-mix(in srgb, var(--pa-teal) 26%, rgba(255,255,255,.74)); }
	.pdp5-comparison-row span::before { display: block; margin-block-end: 4px; color: var(--pa-text-muted); font-size: 10.5px; font-weight: 700; }
	.pdp5-comparison-row span:first-child::before { content: "سرویس عادی"; }
	.pdp5-comparison-row span:last-child::before { content: "سرویس پریمیوم"; color: var(--pa-teal-strong); }
	.pdp5-comparison-row span::after { inset-block-start: 50%; inset-inline-end: 12px; width: 25px; height: 25px; transform: translateY(-50%); }
	[data-theme="dark"] .pdp5-comparison-row { border-color: rgba(205,220,255,.13); background: rgba(255,255,255,.025); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
}

@media (max-width: 520px) {
	.pdp5-canva-stack b { font-size: clamp(28px, 12vw, 48px); }
	.pdp5-activation-steps { gap: 14px; }
	.pdp5-activation-steps p { font-size: 13px; }
	.pdp5-activation-aside { padding: 16px 13px; }
	.pdp5-activation-map { min-height: 228px; }
	.pdp5-activation-core { width: 92px; min-height: 92px; }
	.pdp5-activation-nodes li { width: 36%; grid-template-columns: 27px minmax(0, 1fr); gap: 5px; padding: 7px 6px; }
	.pdp5-activation-nodes li > span { width: 27px; height: 27px; padding: 6px; }
	.pdp5-activation-nodes strong { font-size: 9.5px; }
	.pdp5-activation-nodes small { font-size: 8px; }
	.pdp5-review-panel .comment-form { grid-template-columns: 1fr; }
	.pdp5-review-panel .comment-form-author, .pdp5-review-panel .comment-form-email { grid-column: 1 / -1; }
	.pdp6-related { padding: 14px 10px 18px; }
	.pdp6-related-head { display: block; margin-block-end: 16px; padding-inline: 2px; }
	.pdp6-related-head p { font-size: 11.5px; }
	.pdp6-related-all { width: 100%; min-height: 39px; margin-block-start: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.pdp5-panel-slide.is-active { animation: none; }
	.pdp5-faq-grid details, .pdp5-faq-grid summary svg, .pdp5-faq-grid p { transition: none; }
	.pdp5-review-panel #reviews p.stars a, .pdp5-review-panel #reviews p.stars a::after { transition: none; }
	.pdp6-related-all, .pdp6-related-all svg { transition: none; }
}