/* סוני 5 — דף הקטגוריה ועמודי השירות (11/10/2026).
   משפחת סגול אחת על אפור קריר, ירוק וואטסאפ בלבד. נייד קודם. */
:root {
	--ps-ink: #1f1633;
	--ps-muted: #5b5570;
	--ps-ground: #f3f2f7;
	--ps-line: #857aa8;
	--ps-p900: #2e1065;
	--ps-p800: #4c1d95;
	--ps-p700: #5b21b6;
	--ps-wa: #22c55e;
	--ps-wa-ink: #052e16;
}

/* ---- חלק עליון ---- */
.bpx-ps5x-hero { margin: 4px 0 18px; }
.bpx-ps5x-lead { margin: 0 0 14px; color: var(--ps-ink); font-size: 1.0625rem; line-height: 1.55; }
.bpx-ps5x-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.bpx-ps5x-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 20px; border-radius: 12px;
	font-weight: 700; font-size: 1rem; line-height: 1; text-decoration: none !important;
	flex: 1 1 180px;
}
.bpx-ps5x-btn svg { width: 20px; height: 20px; flex: none; }
.bpx-ps5x-btn--wa { background: var(--ps-wa); color: var(--ps-wa-ink) !important; }
.bpx-ps5x-btn--wa svg { stroke: var(--ps-wa-ink); fill: none; }
.bpx-ps5x-btn--tel { background: #fff; color: var(--ps-p800) !important; box-shadow: inset 0 0 0 1.5px var(--ps-p800); }
.bpx-ps5x-btn--tel svg { stroke: var(--ps-p800); fill: none; }
.bpx-ps5x-btn:focus-visible, .bpx-ps5x-chips a:focus-visible, .bpx-ps5x-play:focus-visible {
	outline: 3px solid var(--ps-p700); outline-offset: 2px;
}

.bpx-ps5x-chips-h { margin: 0 0 8px; color: var(--ps-muted); font-size: .9375rem; font-weight: 600; }
.bpx-ps5x-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bpx-ps5x-chips li { margin: 0; padding: 0; }
.bpx-ps5x-chips a {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
	border-radius: 999px; background: #fff; border: 1px solid var(--ps-line);
	color: var(--ps-p900) !important; font-weight: 600; font-size: .9375rem; text-decoration: none !important;
}
.bpx-ps5x-chips a:hover { border-color: var(--ps-p800); }

/* ---- כרטיסי השירות: שורה אחת לכל שירות בנייד ---- */
body.term-ps5 ul.products { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; margin: 0 0 8px !important; }
body.term-ps5 ul.products::before, body.term-ps5 ul.products::after { display: none !important; }
body.term-ps5 ul.products li.product {
	display: grid !important; grid-template-columns: 104px minmax(0, 1fr); grid-template-areas: "img sum" "wa wa";
	column-gap: 14px; row-gap: 10px; align-items: start;
	width: auto !important; margin: 0 !important; padding: 12px !important; float: none !important;
	background: #fff; border-radius: 16px; border: 1px solid #e4e1ee; text-align: start !important;
}
body.term-ps5 ul.products li.product .astra-shop-thumbnail-wrap { grid-area: img; margin: 0 !important; }
body.term-ps5 ul.products li.product .astra-shop-thumbnail-wrap img { width: 104px !important; height: 104px !important; object-fit: cover; border-radius: 12px; margin: 0 !important; }
body.term-ps5 ul.products li.product .ast-on-card-button { display: none !important; }
body.term-ps5 ul.products li.product .astra-shop-summary-wrap { grid-area: sum; padding: 0 !important; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
body.term-ps5 ul.products li.product .ast-woo-product-category { display: none !important; }
body.term-ps5 ul.products li.product .woocommerce-loop-product__title { margin: 0 !important; padding: 0 !important; font-size: 1rem !important; line-height: 1.35 !important; color: var(--ps-ink) !important; font-weight: 700 !important; }
body.term-ps5 .bpx-ps5x-note { margin: 0; color: var(--ps-muted); font-size: .875rem; line-height: 1.45; }
body.term-ps5 ul.products li.product .price { margin: 2px 0 0 !important; color: var(--ps-p900) !important; font-size: 1.25rem !important; font-weight: 800 !important; }
body.term-ps5 ul.products li.product .astra-shop-summary-wrap .button {
	margin: 6px 0 0 !important; min-height: 44px; display: inline-flex !important; align-items: center; padding: 0 16px !important;
}
body.term-ps5 ul.products li.product .bpx-loop-wa { grid-area: wa; margin: 0 !important; width: 100%; min-height: 44px; }

@media (min-width: 768px) {
	body.term-ps5 ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
	body.term-ps5 ul.products li.product { grid-template-columns: 1fr; grid-template-areas: "img" "sum" "wa"; }
	body.term-ps5 ul.products li.product .astra-shop-thumbnail-wrap img { width: 100% !important; height: auto !important; aspect-ratio: 1; }
}

/* ---- אחרי הכרטיסים ---- */
.bpx-ps5x { margin: 28px 0 8px; color: var(--ps-ink); }
.bpx-ps5x-h { margin: 26px 0 12px; font-size: 1.25rem; line-height: 1.3; color: var(--ps-p900); font-weight: 800; }

.bpx-ps5x-steps { counter-reset: ps; list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.bpx-ps5x-steps li {
	counter-increment: ps; position: relative; margin: 0; padding: 14px 58px 14px 14px;
	background: #fff; border-radius: 14px; border: 1px solid #e4e1ee;
}
.bpx-ps5x-steps li::before {
	content: counter(ps); position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; border-radius: 50%;
	background: var(--ps-p800); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.bpx-ps5x-steps strong { display: block; color: var(--ps-p900); font-size: 1rem; }
.bpx-ps5x-steps span { display: block; margin-top: 2px; color: var(--ps-muted); font-size: .9375rem; line-height: 1.5; }
@media (min-width: 768px) { .bpx-ps5x-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.bpx-ps5x-no { margin: 18px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--ps-ground); color: var(--ps-ink); font-size: .9375rem; line-height: 1.5; }

.bpx-ps5x-fold > summary {
	cursor: pointer; min-height: 48px; display: flex; align-items: center; gap: 8px;
	font-weight: 700; font-size: 1.0625rem; color: var(--ps-p900); list-style: none;
}
.bpx-ps5x-fold > summary::-webkit-details-marker { display: none; }
.bpx-ps5x-fold > summary::after { content: "+"; margin-inline-start: auto; font-size: 1.375rem; color: var(--ps-p800); }
.bpx-ps5x-fold[open] > summary::after { content: "−"; }