/* ==========================================================================
   Neuropathy Treatment landing page
   --------------------------------------------------------------------------
   Loaded only on pages using the "OWC Neuropathy" template (see
   owc-child/functions.php). Every rule is scoped under .owc-neuropathy-page
   so it cannot affect any other OWC page. Colours reuse the site's existing
   brand burgundy (#511439 / hover #3d0f2b); type is inherited from Divi.
   ========================================================================== */

.owc-neuropathy-page {
	--owc-burgundy: #511439;
	--owc-burgundy-dark: #3d0f2b;
	--owc-text: #333333;
	--owc-text-soft: #6b6b6b;
	--owc-card-bg: #f7f0f5;
	--owc-section-bg: #f9f3f7;
	--owc-cta-bg: #f3e9f0;
	--owc-card-border: #efe2ea;
	--owc-radius: 12px;
	--owc-container: 1200px;

	color: var(--owc-text);
	font-size: 16px;
	line-height: 1.55;
	overflow-x: clip;
}

/* Remove the theme's default content top gap so the breadcrumb sits close
   to the header, matching the reference. */
.owc-neuropathy-article .entry-content {
	margin-top: 0;
}

/* --- shared layout helpers ------------------------------------------------ */

.owc-neuropathy-page .owc-neuro-container {
	max-width: var(--owc-container);
	margin-inline: auto;
	padding-inline: 20px;
	box-sizing: border-box;
}

/* Full-bleed tinted band that still re-centres its inner content. */
.owc-neuropathy-page .owc-neuro-fullbleed {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
}

.owc-neuropathy-page .owc-neuro-section {
	padding-block: 48px;
}

/* --- typography --------------------------------------------------------- */

.owc-neuropathy-page .owc-neuro-h1 {
	color: var(--owc-burgundy);
	font-weight: 700;
	font-size: 44px;
	line-height: 1.15;
	letter-spacing: -0.01em;
	margin: 0 0 14px;
}

.owc-neuropathy-page .owc-neuro-h2 {
	color: var(--owc-burgundy);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.25;
	margin: 0 0 16px;
}

/* Short burgundy accent stroke under the left of section headings. */
.owc-neuropathy-page .owc-neuro-h2::after {
	content: "";
	display: block;
	width: 46px;
	height: 3px;
	margin-top: 10px;
	background: var(--owc-burgundy);
	border-radius: 2px;
}

.owc-neuropathy-page .owc-neuro-h3 {
	color: var(--owc-burgundy);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 12px;
}

.owc-neuropathy-page .owc-neuro-h4 {
	color: var(--owc-text);
	font-weight: 700;
	font-size: 17px;
	line-height: 1.3;
	margin: 0 0 8px;
}

.owc-neuropathy-page .owc-neuro-subhead {
	font-size: 21px;
	line-height: 1.35;
	color: var(--owc-text);
	margin: 7px 0 12px;
}

.owc-neuropathy-page p {
	margin: 0 0 14px;
	color: var(--owc-text);
}

.owc-neuropathy-page .owc-neuro-fineprint {
	font-size: 13px;
	line-height: 1.5;
	color: var(--owc-text-soft);
	margin: 16px 0 0;
}

/* Comfortable measure for the main prose columns (not cards / full width).
   The "What Causes Neuropathy?" copy is intentionally left to fill its
   column so it lines up with the checklist beside/under it. */
.owc-neuropathy-page .owc-neuro-about-text p,
.owc-neuropathy-page .owc-neuro-goals-text > p,
.owc-neuropathy-page .owc-neuro-hero-text > p {
	max-width: 60ch;
}

/* --- buttons (reuse the site's burgundy pill) ------------------------- */

.owc-neuropathy-page .owc-neuro-btn .wp-block-button__link {
	display: inline-block;
	background: var(--owc-burgundy);
	color: #ffffff;
	border: 0;
	border-radius: 999px;
	padding: 13px 28px;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease;
}

.owc-neuropathy-page .owc-neuro-btn .wp-block-button__link:hover,
.owc-neuropathy-page .owc-neuro-btn .wp-block-button__link:focus {
	background: var(--owc-burgundy-dark);
	color: #ffffff;
}

.owc-neuropathy-page .owc-neuro-buttons {
	margin-top: 22px;
}

/* --- "Book an Appointment" -> call-a-clinic disclosure -------------- */

.owc-neuropathy-page .owc-neuro-book {
	margin-top: 22px;
}

/* When the widget is open in the hero: hide the subhead + intro paragraph so
   the button and panel move up under the (fixed-position) title. Because the
   column is top-anchored, the title itself doesn't move, and the panel can
   grow / compress with the clinic toggles without nudging anything. */
.owc-neuropathy-page .owc-neuro-hero-text:has(.owc-neuro-book-toggle[open]) > p {
	display: none;
}

/* Native <details>: strip default markers, we draw our own chevrons. */
.owc-neuropathy-page .owc-neuro-book summary {
	list-style: none;
	cursor: pointer;
}
.owc-neuropathy-page .owc-neuro-book summary::-webkit-details-marker {
	display: none;
}

/* The trigger looks exactly like the site's burgundy pill button. */
.owc-neuropathy-page .owc-neuro-book-trigger {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: var(--owc-burgundy);
	color: #ffffff;
	border-radius: 999px;
	padding: 13px 26px;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	user-select: none;
	transition: background 0.2s ease;
}
.owc-neuropathy-page .owc-neuro-book-trigger:hover,
.owc-neuropathy-page .owc-neuro-book-toggle:focus-within > .owc-neuro-book-trigger {
	background: var(--owc-burgundy-dark);
}

/* Chevron on the trigger (down; flips up when open). */
.owc-neuropathy-page .owc-neuro-book-chevron {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.2s ease;
}
.owc-neuropathy-page .owc-neuro-book-toggle[open] > .owc-neuro-book-trigger .owc-neuro-book-chevron {
	transform: translateY(2px) rotate(-135deg);
}

/* Panel sits in flow directly under the button and is exactly its content
   height (no reserved whitespace). In the hero the copy above is top-anchored
   while open, so the panel growing / compressing never moves the button. */
.owc-neuropathy-page .owc-neuro-book-panel {
	margin-top: 10px;
	width: 340px;
	max-width: calc(100vw - 40px);
	background: #ffffff;
	border: 1px solid var(--owc-card-border);
	border-radius: 12px;
	padding: 12px 16px 4px;
	box-shadow: 0 12px 34px rgba(81, 20, 57, 0.16);
}

.owc-neuropathy-page .owc-neuro-book-intro {
	margin: 0 0 2px;
	font-size: 12.5px;
	line-height: 1.35;
	color: var(--owc-text-soft);
}

.owc-neuropathy-page .owc-neuro-book-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.owc-neuropathy-page .owc-neuro-book-clinic + .owc-neuro-book-clinic {
	border-top: 1px solid var(--owc-card-border);
}

.owc-neuropathy-page .owc-neuro-book-clinic-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 2px;
	font-weight: 600;
	font-size: 15px;
	color: var(--owc-text);
	transition: color 0.15s ease;
}
.owc-neuropathy-page .owc-neuro-book-clinic-name:hover,
.owc-neuropathy-page .owc-neuro-book-clinic details[open] > .owc-neuro-book-clinic-name {
	color: var(--owc-burgundy);
}

.owc-neuropathy-page .owc-neuro-book-clinic-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.owc-neuropathy-page .owc-neuro-book-clinic-primary {
	display: inline-block;
	background: var(--owc-cta-bg);
	color: var(--owc-burgundy);
	border-radius: 999px;
	padding: 2px 9px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.owc-neuropathy-page .owc-neuro-book-chevron--sm {
	flex: none;
	transform: translateY(-2px) rotate(45deg);
	border-color: currentColor;
}
.owc-neuropathy-page .owc-neuro-book-clinic details[open] > .owc-neuro-book-clinic-name .owc-neuro-book-chevron--sm {
	transform: translateY(2px) rotate(-135deg);
}

.owc-neuropathy-page .owc-neuro-book-clinic-body {
	padding: 0 2px 12px;
}

.owc-neuropathy-page .owc-neuro-book-phone {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 18px;
	font-weight: 700;
	color: var(--owc-burgundy);
	text-decoration: none;
}
.owc-neuropathy-page .owc-neuro-book-phone:hover {
	text-decoration: underline;
}
.owc-neuropathy-page .owc-neuro-book-phone-icon {
	font-size: 14px;
}

.owc-neuropathy-page .owc-neuro-book-clinic-addr {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--owc-text-soft);
}

/* Keyboard focus visibility on the summaries. */
.owc-neuropathy-page .owc-neuro-book summary:focus-visible {
	outline: 2px solid var(--owc-burgundy);
	outline-offset: 3px;
	border-radius: 6px;
}

/* --- breadcrumb ------------------------------------------------------- */

.owc-neuropathy-page .owc-neuro-breadcrumb {
	padding-block: 16px 2px;
}

.owc-neuropathy-page .owc-breadcrumb,
.owc-neuropathy-page .owc-breadcrumb a,
.owc-neuropathy-page .owc-breadcrumb span {
	font-size: 13px;
	color: #8a8a8a;
	text-decoration: none;
}

.owc-neuropathy-page .owc-breadcrumb a:hover {
	color: var(--owc-burgundy);
}

.owc-neuropathy-page .owc-breadcrumb-sep {
	margin-inline: 4px;
}

/* --- hero ----------------------------------------------------------- */

.owc-neuropathy-page .owc-neuro-hero {
	padding-block: 20px 0;
}

/* The photo is a full-width backdrop; the copy sits on top of its left half
   (its left side is mostly negative space). Media is taken out of flow so the
   copy can overlay it. The box tracks the hero photo's own proportions
   (2048x826) so the whole image shows with no crop; min-height is a floor for
   very narrow desktop widths / short photos. */
.owc-neuropathy-page .owc-neuro-hero-cols {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 0;
	margin: 0;
	aspect-ratio: 2048 / 826;
	min-height: 420px;
}

.owc-neuropathy-page .owc-neuro-hero-text {
	position: relative;
	z-index: 1;
	flex: 0 1 52%;
	max-width: 560px;
	/* Top-anchored (not centred) so the title keeps a fixed position whether
	   the booking widget is open or closed. */
	padding: 64px 40px 32px 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.owc-neuropathy-page .owc-neuro-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	padding: 0;
}

/* Rounded, clipped photo frame with an optional handwritten overlay.
   The frame owns the box size; the image figure is absolutely positioned
   to fill it, so WordPress / Divi figure styling can't shrink the photo. */
.owc-neuropathy-page .owc-neuro-media-frame {
	position: relative;
	height: 100%;
	min-height: inherit;
	border-radius: var(--owc-radius);
	overflow: hidden;
	/* Soft tint shown while the photo loads, or if no photo is set yet. */
	background: repeating-linear-gradient(45deg, #f3e7ef, #f3e7ef 12px, #efe0e9 12px, #efe0e9 24px);
}

.owc-neuropathy-page .owc-neuro-media-frame .owc-neuro-img {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
}

.owc-neuropathy-page .owc-neuro-media-frame .owc-neuro-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Left edge blends into the white page margin, then clears quickly so most
   of the photo keeps full contrast. */
.owc-neuropathy-page .owc-neuro-hero-media .owc-neuro-media-frame::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(to right, #ffffff 0%, #ffffff 4%, rgba(255, 255, 255, 0.7) 14%, rgba(255, 255, 255, 0) 30%);
}

/* Handwritten-style decorative copy over the image. */
/* Handwritten line, sitting over the bottom-left of the "What Causes
   Neuropathy?" photo (clear of the subject). White with a soft dark shadow
   so it reads on the road surface behind it. */
.owc-neuropathy-page .owc-neuro-script {
	position: absolute;
	left: 6%;
	bottom: 9%;
	z-index: 3;
	max-width: 42%;
	margin: 0;
	font-family: "Segoe Script", "Bradley Hand", "Brush Script MT", cursive;
	font-style: italic;
	font-size: 26px;
	line-height: 1.5;
	color: #ffffff;
	transform: rotate(-4deg);
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.45);
}

.owc-neuropathy-page .owc-neuro-script::after {
	content: "";
	display: block;
	width: 78%;
	height: 6px;
	margin-top: 4px;
	border-bottom: 2px solid #ffffff;
	border-radius: 50%;
	transform: rotate(-1.5deg);
}

/* --- "What is peripheral neuropathy" + symptoms --------------------- */

/* Two-column content sections: centre the shorter left-hand copy against
   the taller card / image beside it. WordPress core sets
   `.wp-block-columns { align-items: normal !important }`, so centring has to
   be done per-column with align-self (which that !important can't touch). */
.owc-neuropathy-page .owc-neuro-about-cols,
.owc-neuropathy-page .owc-neuro-causes-cols,
.owc-neuropathy-page .owc-neuro-goals-cols {
	display: flex;
	gap: 40px;
	margin: 0;
	align-items: center;
}

.owc-neuropathy-page .owc-neuro-about-cols > .wp-block-column,
.owc-neuropathy-page .owc-neuro-causes-cols > .wp-block-column {
	align-self: center;
}

/* Goals section: the CTA card grows tall when its booking widget expands.
   Pin the left copy to the top instead of re-centring it against the card
   (centring made the copy jump on expand). The small top offset keeps its
   resting position roughly where the centred version sat. */
.owc-neuropathy-page .owc-neuro-goals-cols > .wp-block-column {
	align-self: flex-start;
}
.owc-neuropathy-page .owc-neuro-goals-text {
	padding-top: 14px;
}

/* --- cards --------------------------------------------------------- */

.owc-neuropathy-page .owc-neuro-card {
	background: var(--owc-card-bg);
	border: 0;
	border-radius: 18px;
	padding: 28px 30px;
	box-shadow: none;
	box-sizing: border-box;
}

/* --- symptom list (two columns of dashes) ------------------------- */

.owc-neuropathy-page .owc-neuro-list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
}

.owc-neuropathy-page .owc-neuro-list-symptoms {
	columns: 2;
	column-gap: 30px;
}

.owc-neuropathy-page .owc-neuro-list-symptoms li {
	--sym-icon: url("images/sym/default.svg?v=7");
	position: relative;
	break-inside: avoid;
	padding-left: 34px;
	margin: 0 0 15px;
	min-height: 22px;
	font-size: 15px;
	line-height: 1.4;
}

/* Line-style symptom icon, keyed off the per-item owc-sym-* class. */
.owc-neuropathy-page .owc-neuro-list-symptoms li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	background: center / 22px 22px no-repeat var(--sym-icon);
}

.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-numbness  { --sym-icon: url("images/sym/numbness.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-tingling  { --sym-icon: url("images/sym/tingling.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-burning   { --sym-icon: url("images/sym/burning.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-touch     { --sym-icon: url("images/sym/touch.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-weakness  { --sym-icon: url("images/sym/weakness.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-cramping  { --sym-icon: url("images/sym/cramping.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-balance   { --sym-icon: url("images/sym/balance.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-sensation { --sym-icon: url("images/sym/sensation.svg?v=7"); }
.owc-neuropathy-page .owc-neuro-list-symptoms li.owc-sym-walking   { --sym-icon: url("images/sym/walking.svg?v=7"); }

/* --- check lists (causes + goals) -------------------------------- */

.owc-neuropathy-page .owc-neuro-list-check {
	columns: 2;
	column-gap: 34px;
	margin: 4px 0 16px;
}

.owc-neuropathy-page .owc-neuro-list-check li {
	position: relative;
	break-inside: avoid;
	padding-left: 28px;
	margin: 0 0 9px;
	line-height: 1.4;
}

.owc-neuropathy-page .owc-neuro-list-check li::before {
	content: "\f058"; /* fa-circle-check */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0.05em;
	font-size: 15px;
	color: var(--owc-burgundy);
}

.owc-neuropathy-page .owc-neuro-goals .owc-neuro-list-check {
	columns: 1;
}

/* --- causes image column --------------------------------------- */

.owc-neuropathy-page .owc-neuro-causes-media .owc-neuro-media-frame {
	min-height: 420px;
}

/* --- personalized approach (full-bleed pink band) ------------- */

.owc-neuropathy-page .owc-neuro-approach {
	background: var(--owc-section-bg);
	padding-block: 52px;
	margin-block: 8px;
}

.owc-neuropathy-page .owc-neuro-approach-cards {
	display: flex;
	/* WordPress core forces .wp-block-columns to flex-wrap:nowrap !important at
	   >=782px; override it so the 2-up / 1-up rules below can actually wrap. */
	flex-wrap: wrap !important;
	gap: 20px;
	margin: 24px 0 0;
}

.owc-neuropathy-page .owc-neuro-approach-cards > .owc-neuro-card,
.owc-neuropathy-page .owc-neuro-protocol-cards > .owc-neuro-card {
	flex: 1 1 210px;
	background: #ffffff;
	border-radius: 14px;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px -12px rgba(81, 20, 57, 0.22);
}

/* Fixed-ratio photo band at the top of each treatment card. The ratio lives
   on the <img> itself (with height:auto) so the figure simply shrink-wraps
   it — no flex stretching, every card's image is the same height. */
.owc-neuropathy-page .owc-neuro-card-img {
	margin: 0;
	flex: 0 0 auto;
	overflow: hidden;
	background: repeating-linear-gradient(45deg, #f3e7ef, #f3e7ef 10px, #efe0e9 10px, #efe0e9 20px);
}

.owc-neuropathy-page .owc-neuro-card-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

/* Crop from the top instead of centring — the default centre crop cuts
   heads off photos where the subject/equipment sits high in the frame. */
.owc-neuropathy-page .owc-neuro-img-top {
	object-position: top;
}

.owc-neuropathy-page .owc-neuro-card-body {
	padding: 16px 18px 20px;
}

.owc-neuropathy-page .owc-neuro-card-body p {
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

/* --- personalized approach: treatment protocol (6-up card grid) ------- */
/* Same card look as elsewhere on the page, just a dedicated wrapper so the
   6 treatments lay out 3-up (desktop) / 2-up / 1-up independently of the
   4-up owc-neuro-approach-cards grid used on other sections/pages. */

.owc-neuropathy-page .owc-neuro-protocol-cards {
	display: flex;
	flex-wrap: wrap !important;
	gap: 14px;
	margin: 20px 0 0;
}

.owc-neuropathy-page .owc-neuro-protocol-cards > .owc-neuro-card {
	flex: 1 1 calc(33.333% - 10px);
}

.owc-neuropathy-page .owc-neuro-protocol-cards .owc-neuro-card-body {
	padding: 14px 16px 16px;
}

.owc-neuropathy-page .owc-neuro-protocol-cards .owc-neuro-card-body .owc-neuro-h4 {
	margin: 0 0 6px;
}

/* --- goals + final CTA --------------------------------------- */

.owc-neuropathy-page .owc-neuro-cta-card {
	background: var(--owc-cta-bg);
	border: 0;
	border-radius: 18px;
	padding: 30px 32px;
	box-shadow: none;
}

.owc-neuropathy-page .owc-neuro-cta-card p {
	font-size: 15px;
	line-height: 1.5;
}

.owc-neuropathy-page .owc-neuro-info-list {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}

.owc-neuropathy-page .owc-neuro-info-list li {
	position: relative;
	padding-left: 30px;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--owc-text);
}

.owc-neuropathy-page .owc-neuro-info-list li:last-child {
	margin-bottom: 0;
}

.owc-neuropathy-page .owc-neuro-info-icon {
	position: absolute;
	left: 0;
	top: 0.05em;
	width: 18px;
	text-align: center;
	color: var(--owc-burgundy);
}

.owc-neuropathy-page .owc-neuro-info-list a {
	color: var(--owc-burgundy);
	font-weight: 600;
	text-decoration: none;
}

.owc-neuropathy-page .owc-neuro-info-list a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* Tablet: 2-up treatment cards */
@media (max-width: 1000px) {
	.owc-neuropathy-page .owc-neuro-approach-cards > .owc-neuro-card,
	.owc-neuropathy-page .owc-neuro-protocol-cards > .owc-neuro-card {
		flex: 1 1 calc(50% - 10px);
	}
}

/* Stack the major two-column sections */
@media (max-width: 900px) {
	.owc-neuropathy-page .owc-neuro-hero-cols,
	.owc-neuropathy-page .owc-neuro-about-cols,
	.owc-neuropathy-page .owc-neuro-causes-cols,
	.owc-neuropathy-page .owc-neuro-goals-cols {
		flex-direction: column;
		gap: 28px;
	}

	/* Hero returns to a normal stacked block flow on small screens. */
	.owc-neuropathy-page .owc-neuro-hero-cols {
		position: static;
		aspect-ratio: auto;
		min-height: 0;
	}

	.owc-neuropathy-page .owc-neuro-hero-text,
	.owc-neuropathy-page .owc-neuro-hero-media,
	.owc-neuropathy-page .owc-neuro-about-cols > .wp-block-column,
	.owc-neuropathy-page .owc-neuro-causes-cols > .wp-block-column,
	.owc-neuropathy-page .owc-neuro-goals-cols > .wp-block-column {
		flex-basis: auto;
		width: 100%;
		max-width: 100%;
	}

	.owc-neuropathy-page .owc-neuro-hero-text {
		padding: 8px 0 8px;
		order: 1;
	}

	.owc-neuropathy-page .owc-neuro-hero-media {
		position: static;
		order: 2;
		min-height: 240px;
	}

	/* The hero photo is wide-format; when it's cropped narrow on phones,
	   anchor to the right so the subject stays in frame. */
	.owc-neuropathy-page .owc-neuro-img-hero img {
		object-position: right center;
	}

	/* Causes section: image first, copy under it */
	.owc-neuropathy-page .owc-neuro-causes-media {
		order: 1;
	}
	.owc-neuropathy-page .owc-neuro-causes-text {
		order: 2;
	}
	.owc-neuropathy-page .owc-neuro-causes-media .owc-neuro-media-frame,
	.owc-neuropathy-page .owc-neuro-causes-media .owc-neuro-img:not(:has(img[src])) {
		min-height: 300px;
	}

	/* Gentler overlay fade when stacked */
	.owc-neuropathy-page .owc-neuro-hero-media .owc-neuro-media-frame::before {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 30%);
	}
}

/* Collapse checklists / symptom lists to one column */
@media (max-width: 720px) {
	.owc-neuropathy-page .owc-neuro-list-symptoms,
	.owc-neuropathy-page .owc-neuro-list-check {
		columns: 1;
	}

	.owc-neuropathy-page .owc-neuro-h1 {
		font-size: 30px;
	}

	.owc-neuropathy-page .owc-neuro-subhead {
		font-size: 18px;
	}

	.owc-neuropathy-page .owc-neuro-h2 {
		font-size: 24px;
	}

	.owc-neuropathy-page .owc-neuro-section {
		padding-block: 36px;
	}

	.owc-neuropathy-page .owc-neuro-script {
		font-size: 21px;
		max-width: 60%;
	}
}

/* One treatment card per row on narrow mobile */
@media (max-width: 600px) {
	.owc-neuropathy-page .owc-neuro-approach-cards > .owc-neuro-card,
	.owc-neuropathy-page .owc-neuro-protocol-cards > .owc-neuro-card {
		flex: 1 1 100%;
	}

	.owc-neuropathy-page .owc-neuro-btn .wp-block-button__link {
		display: block;
		text-align: center;
		padding: 15px 24px;
	}
}