/* ===== Classic bypass page (بای‌پس کلاسیک) — overrides on top of gastric-sleeve.css ===== */

/* Why: the image in the frame is 437×431, clipped by the 395×390 card from its top-left corner */
.page-cb .gs-why__photo { position: relative; }
.page-cb .cb-why__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 110.63%;
	max-width: none;
	height: 110.51%;
	object-fit: fill;
}

/* Why: wider benefit cards (321px), text centered beside the check */
.page-cb .cb-pills {
	grid-template-columns: repeat(2, 321px);
	gap: 9px 42px;
	margin: 32px 31px 0 0;
}
.page-cb .cb-pills .gs-pill { gap: 6px; padding: 0 15px 0 12px; }
.page-cb .cb-pills .gs-pill > span:last-child { flex: 1; text-align: center; white-space: nowrap; }

/* Candidate: two-line items, check aligned with the first line */
.page-cb .cb-cand__list li { align-items: flex-start; max-width: 562px; }
.page-cb .gs-results__desc { max-width: 350px; }
.page-cb .cb-cand__list li > span:last-child { padding-top: 4px; line-height: 24px; }
.page-cb .cb-cand__list li + li + li { margin-top: 41px; }

@media (max-width: 1359.98px) and (min-width: 992px) {
	.page-cb .cb-pills { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; margin-right: 0; }
	.page-cb .cb-pills .gs-pill > span:last-child { white-space: normal; }
}

/* ===== Mobile (frame: Mobile -classic bypass operation) ===== */
@media (max-width: 991.98px) {
	/* Hero: two-line title */
	.page-cb .gs-hero__inner { padding-top: 132px; }
	.page-cb .gs-hero__title { max-width: 240px; line-height: 1.6; }
	.page-cb .gs-hero__stats { margin-top: 24px; }

	/* Why: mobile crop of the illustration fills the 229×291 card */
	.page-cb .gs-why__media { margin-top: 33px; }
	.page-cb .cb-why__img { position: static; width: 100%; height: 100%; object-fit: cover; }

	/* Why: short labels, same 2×2 cards as the sleeve page */
	.page-cb .cb-pills {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin: 26px 0 0;
	}
	.page-cb .cb-pills .gs-pill { gap: 6px; padding: 8px 9px 8px 6px; font-size: 13px; }
	.page-cb .cb-pills .gs-pill > span:last-child { flex: 0 1 auto; text-align: right; white-space: nowrap; }
	.page-cb .cb-pill--last { order: 1; }
	.page-cb .cb-pill--diab { order: 2; }
	.page-cb .cb-pill--reflux { order: 3; }
	.page-cb .cb-pill--heart { order: 4; }

	/* Candidate: paragraph instead of the checklist */
	.page-cb .cb-cand__text { max-width: 324px; margin-top: 46px; font-size: 14px; line-height: 21.4px; }
	.page-cb .gs-bmi { margin-top: 34px; }
	.page-cb .gs-results { padding-top: 46px; }

	/* Results */
	.page-cb .gs-results__title { font-size: 17.5px; }
	.page-cb .gs-results__desc { max-width: 262px; font-size: 14.5px; }
}

@media (max-width: 359.98px) {
	.page-cb .cb-pills .gs-pill > span:last-child { white-space: normal; }
}
