/* ===========================================
   Treatment Page: Common Styles + Color Overrides
=========================================== */

/* Base treatment page styles */
.treatment-page { font-family: var(--font-primary); color: var(--color-text); line-height: 1.8; background-color: var(--color-bg); }
.treatment-page section { max-width: var(--container-width); margin: 0 auto var(--spacing-4xl); padding: 0 var(--container-padding); }

/* Treatment page headings */
.treatment-page section h2 { font-size: var(--font-size-section-title); color: var(--color-primary-dark); text-align: center; margin-bottom: var(--spacing-2xl); margin-top: var(--spacing-3xl); position: relative; font-weight: 500; border: none; transform: none; left: auto; letter-spacing: var(--letter-spacing-heading); }
.treatment-page section h2::after { content: ""; display: block; width: 40px; height: 2px; background: linear-gradient(90deg, transparent, var(--color-primary-dark), transparent); margin: 12px auto 0; opacity: 0.6; }
.treatment-page h3 { font-size: var(--font-size-subsection); color: var(--color-text); padding-left: 16px; border-left: 3px solid var(--color-primary); margin-top: 48px; margin-bottom: 24px; font-weight: 600; letter-spacing: 0.03em; }
.treatment-page .treatment-card__title { margin-top: 0; border-left: none; padding-left: 0; }
.treatment-page h4 { font-size: 17px; color: var(--color-primary-dark); border-bottom: none; padding-bottom: 0; margin-top: var(--spacing-xl); margin-bottom: var(--spacing-md); font-weight: 600; position: relative; padding-left: 14px; }
.treatment-page h4::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary); }

/* Treatment page images */
.treatment-page img { max-width: 100%; height: auto; border-radius: var(--radius-lg); margin: var(--spacing-lg) auto; display: block; box-shadow: var(--shadow-sm); }
.treatment-page img[src=""], .treatment-page img:not([src]) { min-height: 250px; background-color: var(--color-border-light); display: block; width: 100%; border-radius: var(--radius-lg); position: relative; border: 1px dashed #ccc; margin: var(--spacing-lg) 0; }

/* Treatment page lists */
.treatment-page ul { padding: 0; margin-bottom: var(--spacing-lg); list-style: none; }
.treatment-page ul li { position: relative; margin-bottom: 8px; border-bottom: none; padding-bottom: 0; }
.treatment-page ul li p { margin: var(--spacing-xs) 0 0; font-size: 0.9em; color: var(--color-text-muted); }

/* Treatment flow steps (ordered list) */
.treatment-page ol { counter-reset: flow-counter; padding: 0; }
.treatment-page ol li { position: relative; margin-bottom: var(--spacing-xl); background: var(--color-bg-pale); padding: 25px; border-radius: var(--radius-lg); border: 1px solid var(--color-border-primary); list-style: none; }
.treatment-page ol li::before { counter-increment: flow-counter; content: "STEP " counter(flow-counter); display: inline-block; background-color: var(--color-primary-dark); color: var(--color-bg); font-size: 12px; font-weight: bold; padding: 3px var(--spacing-sm); border-radius: var(--radius-pill); margin-bottom: var(--spacing-sm); }

/* Common layout components */
.intro-content, .content-row { background: var(--color-bg); padding: var(--card-padding); border-radius: var(--card-radius); box-shadow: var(--shadow-card); border: 1px solid var(--color-border-light); }

/* Grid layouts */
.commitment-grid, .effect-grid, .method-grid, .treatment-grid { display: flex; flex-wrap: wrap; gap: var(--spacing-lg); }
.commitment-item, .effect-item, .method-box, .treatment-box { background: var(--color-bg); padding: var(--card-padding); border-radius: var(--card-radius); width: 100%; border: 1px solid var(--color-border-light); box-shadow: var(--shadow-card); }
.commitment-item h3, .effect-item h3 { margin-top: 0; border-left: none; padding-left: 0; text-align: center; }

/* Pros and Cons boxes */
.pros-box, .cons-box { width: 100%; padding: var(--spacing-lg); border-radius: var(--radius-lg); }
.pros-box { background-color: #e3f2fd; border: 1px solid #bbdefb; }
.cons-box { background-color: #ffebee; border: 1px solid #ffcdd2; }
.pros-box h3, .pros-box h4 { color: #1976d2; border-left: none; margin-top: 0; text-align: center; }
.cons-box h3, .cons-box h4 { color: var(--color-error-dark); border-left: none; margin-top: 0; text-align: center; }
.check-list, .cross-list { padding: 0; }
.check-list li { position: relative; padding-left: 25px; margin-bottom: var(--spacing-sm); border-bottom: none; }
.check-list li::before { content: "\2714"; position: absolute; left: 0; color: #1976d2; font-weight: bold; }
.cross-list li { position: relative; padding-left: 25px; margin-bottom: var(--spacing-sm); border-bottom: none; }
.cross-list li::before { content: "\2716"; position: absolute; left: 0; color: var(--color-error-dark); font-weight: bold; }

/* Treatment Flow Steps — Vertical Timeline */
.treatment-flow { padding: var(--spacing-3xl) 0; }
.flow-container { position: relative; max-width: 780px; margin: var(--spacing-xl) auto 0; padding-left: 36px; }
.flow-container::before { content: ""; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(180deg, var(--color-primary) 0%, rgba(121, 194, 204, 0.2) 100%); }
.flow-step { position: relative; padding: 0 0 var(--spacing-2xl) 28px; }
.flow-step:last-child { padding-bottom: 0; }
.flow-step::before { content: ""; position: absolute; left: -28px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-primary-dark); border: 2px solid var(--color-bg); box-shadow: 0 0 0 3px var(--color-primary); z-index: 1; }
.flow-step::after { display: none; }
.step-header { display: flex; align-items: baseline; gap: var(--spacing-sm); margin-bottom: 6px; }
.step-num { font-family: var(--font-display), serif; font-size: 13px; font-weight: 600; color: var(--color-primary-dark); letter-spacing: 0.04em; opacity: 0.7; }
.step-num::after { display: none; }
.step-header h4 { font-size: 16px; font-weight: 600; color: var(--color-text); line-height: 1.4; margin: 0; border: none; padding: 0; }
.flow-step > p { font-size: 14px; line-height: 1.85; color: var(--color-text-light); margin: 0; }

/* Importance Grid for Root Canal */
.importance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-lg); margin-top: var(--spacing-xl); }
.importance-item { background: linear-gradient(135deg, #e0f2f1 0%, #f1f8f7 100%); padding: var(--spacing-xl); border-radius: var(--radius-lg); border-left: 4px solid #00897b; }
.importance-item h4 { font-size: 16px; margin-bottom: var(--spacing-sm); color: #00695c; }
.importance-item p { font-size: 13px; line-height: 1.8; color: var(--color-text-muted); margin: 0; }

/* Method Items for Root Canal */
.methods-container { margin-top: var(--spacing-xl); }
.method-item.featured { display: flex; gap: var(--spacing-2xl); align-items: center; background: #f1f8f7; padding: var(--spacing-2xl); border-radius: var(--radius-xl); margin-bottom: var(--spacing-xl); }
.method-item.featured .method-text { flex: 1; }
.method-item.featured img { width: 40%; border-radius: var(--radius-lg); margin: 0; }
.method-item.featured h4 { font-size: 20px; margin-bottom: var(--spacing-md); }
.method-item.featured p { margin-bottom: var(--spacing-sm); }

/* Equipment Grid */
.equipment-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); margin-top: var(--spacing-xl); }
.equipment-item { display: flex; gap: var(--spacing-lg); padding: var(--spacing-lg); background: var(--color-bg); border-radius: var(--radius-lg); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border: 1px solid var(--color-border-light); }
.equipment-item img { width: 120px; height: 120px; object-fit: cover; border-radius: var(--radius-md); flex-shrink: 0; margin: 0; }
.equipment-info { flex: 1; }
.equipment-info h4 { font-size: 16px; margin-bottom: var(--spacing-xs); color: var(--color-primary-dark); border: none; padding: 0; margin-top: 0; }
.equipment-info > p { font-size: 13px; line-height: 1.7; color: var(--color-text-muted); margin-bottom: var(--spacing-sm); }
.equipment-use { background: #f5f5f5; padding: var(--spacing-sm); border-radius: var(--radius-sm); font-size: 12px; }
.equipment-use strong { color: var(--color-primary-dark); display: block; margin-bottom: 2px; }
.equipment-use p { margin: 0; color: var(--color-text-muted); }
.equipment-item h3, .material-item h3 { border-left: none; padding-left: 0; margin-top: 0; font-size: 16px; color: var(--color-primary-dark); margin-bottom: var(--spacing-sm); font-weight: 600; }

/* Materials Grid */
.materials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); margin-top: var(--spacing-xl); }
.material-item { padding: var(--card-padding); background: var(--color-bg); border-radius: var(--card-radius); box-shadow: var(--shadow-card); border: 1px solid var(--color-border-light); }

/* Methods Grid (esthetic page etc.) */
.methods-grid { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); margin-top: var(--spacing-xl); }
.methods-grid .method-item { background: var(--color-bg); padding: var(--card-padding); border-radius: var(--card-radius); box-shadow: var(--shadow-card); border: 1px solid var(--color-border-light); }
.methods-grid .method-item h3 { border-left: none; padding-left: 0; margin-top: 0; font-size: 18px; color: var(--color-primary-dark); }
.methods-grid .method-item .method-text p { color: var(--color-text-light); line-height: 1.8; }

/* Conclusion Message */
.treatment-page .conclusion-message { background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%); color: var(--color-bg); padding: var(--spacing-3xl) var(--spacing-2xl); border-radius: var(--card-radius); text-align: center; margin-top: var(--spacing-3xl); }
.treatment-page .conclusion-message h2 { color: var(--color-bg); font-size: var(--font-size-section-title); margin-bottom: var(--spacing-lg); border: none; position: static; transform: none; left: auto; margin-top: 0; font-family: var(--font-display); letter-spacing: var(--letter-spacing-wide); }
.treatment-page .conclusion-message h2::after { display: none; }
.treatment-page .conclusion-message p { font-size: 15px; line-height: 2; max-width: 800px; margin: 0 auto; opacity: 0.95; color: var(--color-bg); }

/* Info Card */
.info-card { background: var(--color-bg); padding: var(--card-padding); border-radius: var(--card-radius); box-shadow: var(--shadow-card); border: 1px solid var(--color-border-light); }

/* Commitment Item - Featured size fix */
.commitment-item:not(.featured):not(.featured-reverse) { padding: 40px var(--card-padding); }
.commitment-item.featured, .commitment-item.featured-reverse { display: flex; align-items: center; gap: var(--spacing-2xl); }
.commitment-item.featured img, .commitment-item.featured-reverse img { width: 280px; flex-shrink: 0; margin: 0; border-radius: var(--radius-lg); }
.commitment-item.featured .text-area, .commitment-item.featured-reverse .text-area { flex: 1; }
.commitment-item.featured-reverse { flex-direction: row-reverse; }
.commitment-item.featured h3, .commitment-item.featured-reverse h3 { border-left: none; padding-left: 0; margin-top: 0; }

/* ===========================================
   Treatment Page Specific Colors
=========================================== */
/* Implant */
.implant-page .page-header--gradient { background: linear-gradient(to bottom, var(--color-primary-pale) 0%, var(--color-bg) 100%); }
.implant-page .page-header--gradient h2 { color: var(--color-primary-dark); }
.implant-page section h2 { color: var(--color-primary-dark); }
.implant-page section h2::after { background-color: var(--color-primary-dark); }
.implant-page h3 { border-left-color: var(--color-primary-dark); }
.implant-page h4 { color: var(--color-primary-dark); }
.implant-page ul li::before { color: var(--color-primary-dark); }

/* Whitening */
.whitening-page .page-header--gradient { background: linear-gradient(to bottom, var(--color-primary-pale) 0%, var(--color-bg) 100%); }
.whitening-page .page-header--gradient h2 { color: var(--color-primary-dark); }
.whitening-page section h2 { color: var(--color-primary-dark); }
.whitening-page section h2::after { background-color: var(--color-primary-dark); }
.whitening-page h3 { background-color: #f0fbfc; border-left-color: var(--color-primary-dark); }
.whitening-page h4 { color: var(--color-primary-dark); }
.whitening-page ul li::before { color: var(--color-primary-dark); }

/* Root Canal (Green) */
.root-canal-page .page-header--gradient { background: linear-gradient(to bottom, #e0f2f1 0%, var(--color-bg) 100%); }
.root-canal-page .page-header--gradient h2 { color: #00897b; }
.root-canal-page section h2 { color: #00897b; }
.root-canal-page section h2::after { background-color: #00897b; }
.root-canal-page h3 { border-left-color: #00897b; }
.root-canal-page h4 { color: #00897b; }
.root-canal-page ul li::before { color: #00897b; }

/* Periodontal (Blue Gray) */
.periodontal-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #eceff1 0%, var(--color-bg) 100%); }
.periodontal-treatment-page .page-header--gradient h2 { color: #455a64; }
.periodontal-treatment-page section h2 { color: #455a64; }
.periodontal-treatment-page section h2::after { background-color: #455a64; }
.periodontal-treatment-page h3 { border-left-color: #455a64; }
.periodontal-treatment-page h4 { color: #455a64; }
.periodontal-treatment-page ul li::before { color: #455a64; }

/* Cavity Treatment (Teal) */
.cavity-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #e2f1f3 0%, var(--color-bg) 100%); }
.cavity-treatment-page .page-header--gradient h2 { color: #3d8b99; }
.cavity-treatment-page section h2 { color: #3d8b99; }
.cavity-treatment-page section h2::after { background-color: #3d8b99; }
.cavity-treatment-page h3 { border-left-color: #3d8b99; }
.cavity-treatment-page h4 { color: #3d8b99; }
.cavity-treatment-page ul li::before { background: #3d8b99; }

/* Oral Surgery (Navy) */
.oral-surgery-page .page-header--gradient { background: linear-gradient(to bottom, #e8eaf6 0%, var(--color-bg) 100%); }
.oral-surgery-page .page-header--gradient h2 { color: #1a237e; }
.oral-surgery-page section h2 { color: #1a237e; }
.oral-surgery-page section h2::after { background-color: #1a237e; }
.oral-surgery-page h3 { border-left-color: #1a237e; }
.oral-surgery-page h4 { color: #3949ab; }
.oral-surgery-page ul li::before { color: #1a237e; }

/* Child Orthodontics — overrides now in page-child-orthodontist.css */

/* Mouth Beauty — see page-mouth_beauty.css */

/* Adult Orthodontics (Steel Blue) */
.adult-orthodontic-page .page-header--gradient { background: linear-gradient(to bottom, #e8f1f4 0%, var(--color-bg) 100%); }
.adult-orthodontic-page .page-header--gradient h2 { color: #4a7c91; }
.adult-orthodontic-page section h2 { color: #4a7c91; }
.adult-orthodontic-page section h2::after { background-color: #4a7c91; }
.adult-orthodontic-page h3 { border-left-color: #4a7c91; }
.adult-orthodontic-page h4 { color: #4a7c91; }
.adult-orthodontic-page ul li::before { color: #4a7c91; }

/* Esthetic Treatment (Mauve) */
.esthetic-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #f0edf4 0%, var(--color-bg) 100%); }
.esthetic-treatment-page .page-header--gradient h2 { color: #8a7b99; }
.esthetic-treatment-page section h2 { color: #8a7b99; }
.esthetic-treatment-page section h2::after { background-color: #8a7b99; }
.esthetic-treatment-page h3 { border-left-color: #8a7b99; }
.esthetic-treatment-page h4 { color: #8a7b99; }
.esthetic-treatment-page ul li::before { color: #8a7b99; }

/* Preventive Dentistry (Green Teal) */
.preventive-dentistry-page .page-header--gradient { background: linear-gradient(to bottom, #e4f2ee 0%, var(--color-bg) 100%); }
.preventive-dentistry-page .page-header--gradient h2 { color: #3d8b7a; }
.preventive-dentistry-page section h2 { color: #3d8b7a; }
.preventive-dentistry-page section h2::after { background-color: #3d8b7a; }
.preventive-dentistry-page h3 { border-left-color: #3d8b7a; }
.preventive-dentistry-page h4 { color: #3d8b7a; }
.preventive-dentistry-page ul li::before { color: #3d8b7a; }

/* Pediatric Dentistry (Warm Teal) */
.pediatric-dentistry-page .page-header--gradient { background: linear-gradient(to bottom, #e6f4f6 0%, var(--color-bg) 100%); }
.pediatric-dentistry-page .page-header--gradient h2 { color: #5fa8b0; }
.pediatric-dentistry-page section h2 { color: #5fa8b0; }
.pediatric-dentistry-page section h2::after { background-color: #5fa8b0; }
.pediatric-dentistry-page h3 { border-left-color: #5fa8b0; }
.pediatric-dentistry-page h4 { color: #5fa8b0; }
.pediatric-dentistry-page ul li::before { color: #5fa8b0; }

/* Denture (Blue Gray) */
.denture-page .page-header--gradient { background: linear-gradient(to bottom, #eceff2 0%, var(--color-bg) 100%); }
.denture-page .page-header--gradient h2 { color: #6d7a85; }
.denture-page section h2 { color: #6d7a85; }
.denture-page section h2::after { background-color: #6d7a85; }
.denture-page h3 { border-left-color: #6d7a85; }
.denture-page h4 { color: #6d7a85; }
.denture-page ul li::before { color: #6d7a85; }

/* Halitosis Treatment (Mint Teal) */
.halitosis-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #e2f2f0 0%, var(--color-bg) 100%); }
.halitosis-treatment-page .page-header--gradient h2 { color: #4ca6a0; }
.halitosis-treatment-page section h2 { color: #4ca6a0; }
.halitosis-treatment-page section h2::after { background-color: #4ca6a0; }
.halitosis-treatment-page h3 { border-left-color: #4ca6a0; }
.halitosis-treatment-page h4 { color: #4ca6a0; }
.halitosis-treatment-page ul li::before { color: #4ca6a0; }

/* TMJ Treatment (Steel Indigo) */
.tmj-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #eaecf2 0%, var(--color-bg) 100%); }
.tmj-treatment-page .page-header--gradient h2 { color: #5c6b8a; }
.tmj-treatment-page section h2 { color: #5c6b8a; }
.tmj-treatment-page section h2::after { background-color: #5c6b8a; }
.tmj-treatment-page h3 { border-left-color: #5c6b8a; }
.tmj-treatment-page h4 { color: #5c6b8a; }
.tmj-treatment-page ul li::before { color: #5c6b8a; }

/* Occlusion Treatment (Deep Teal) */
.occlusion-treatment-page .page-header--gradient { background: linear-gradient(to bottom, #e2f1f3 0%, var(--color-bg) 100%); }
.occlusion-treatment-page .page-header--gradient h2 { color: #3a8f99; }
.occlusion-treatment-page section h2 { color: #3a8f99; }
.occlusion-treatment-page section h2::after { background-color: #3a8f99; }
.occlusion-treatment-page h3 { border-left-color: #3a8f99; }
.occlusion-treatment-page h4 { color: #3a8f99; }
.occlusion-treatment-page ul li::before { color: #3a8f99; }

/* Periodontal Regeneration (Emerald Teal) */
.periodontal-regeneration-page .page-header--gradient { background: linear-gradient(to bottom, #e2f0ec 0%, var(--color-bg) 100%); }
.periodontal-regeneration-page .page-header--gradient h2 { color: #2e8b7a; }
.periodontal-regeneration-page section h2 { color: #2e8b7a; }
.periodontal-regeneration-page section h2::after { background-color: #2e8b7a; }
.periodontal-regeneration-page h3 { border-left-color: #2e8b7a; }
.periodontal-regeneration-page h4 { color: #2e8b7a; }
.periodontal-regeneration-page ul li::before { color: #2e8b7a; }

/* Tooth Transplantation (Slate) */
.tooth-transplantation-page .page-header--gradient { background: linear-gradient(to bottom, #eaeff2 0%, var(--color-bg) 100%); }
.tooth-transplantation-page .page-header--gradient h2 { color: #577682; }
.tooth-transplantation-page section h2 { color: #577682; }
.tooth-transplantation-page section h2::after { background-color: #577682; }
.tooth-transplantation-page h3 { border-left-color: #577682; }
.tooth-transplantation-page h4 { color: #577682; }
.tooth-transplantation-page ul li::before { color: #577682; }

/* --- Conclusion Message per-page color overrides --- */
.root-canal-page .conclusion-message { background: linear-gradient(135deg, #00897b 0%, #26a69a 100%); }
.periodontal-treatment-page .conclusion-message { background: linear-gradient(135deg, #455a64 0%, #607d8b 100%); }
.cavity-treatment-page .conclusion-message { background: linear-gradient(135deg, #3d8b99 0%, #5aabb9 100%); }
.oral-surgery-page .conclusion-message { background: linear-gradient(135deg, #1a237e 0%, #3949ab 100%); }
.child-orthodontics-page .conclusion-message { background: linear-gradient(135deg, #c06030 0%, #d4845a 100%); }
.adult-orthodontic-page .conclusion-message { background: linear-gradient(135deg, #4a7c91 0%, #6a9cb1 100%); }
.esthetic-treatment-page .conclusion-message { background: linear-gradient(135deg, #8a7b99 0%, #a99bb9 100%); }
.preventive-dentistry-page .conclusion-message { background: linear-gradient(135deg, #3d8b7a 0%, #5dab9a 100%); }
.pediatric-dentistry-page .conclusion-message { background: linear-gradient(135deg, #5fa8b0 0%, #7fc8d0 100%); }
.denture-page .conclusion-message { background: linear-gradient(135deg, #6d7a85 0%, #8d9aa5 100%); }
.halitosis-treatment-page .conclusion-message { background: linear-gradient(135deg, #4ca6a0 0%, #6cc6c0 100%); }
.tmj-treatment-page .conclusion-message { background: linear-gradient(135deg, #5c6b8a 0%, #7c8baa 100%); }
.occlusion-treatment-page .conclusion-message { background: linear-gradient(135deg, #3a8f99 0%, #5aafb9 100%); }
.periodontal-regeneration-page .conclusion-message { background: linear-gradient(135deg, #2e8b7a 0%, #4eab9a 100%); }
.tooth-transplantation-page .conclusion-message { background: linear-gradient(135deg, #577682 0%, #7796a2 100%); }
.mouth-beauty-page .conclusion-message { background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%); }

/* ===========================================
   Responsive (Tablet - 768px+)
=========================================== */
@media (min-width: 768px) {
    .treatment-page .intro-content, .treatment-page .content-row { display: flex; flex-direction: row-reverse; align-items: center; gap: var(--spacing-2xl); }
    .treatment-page .intro-content img, .treatment-page .content-row img { width: 40%; margin: 0; }
    .treatment-page .intro-content .text-area, .treatment-page .content-row .text-area { width: 60%; }
    .treatment-page .content-row.reverse { flex-direction: row; }
    .commitment-grid { display: grid; grid-template-columns: 1fr; }
    .effect-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
    .method-grid, .treatment-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
    .pros-cons-grid, .pros-cons-container { display: flex; gap: var(--spacing-lg); }
    .pros-cons-grid .pros-box, .pros-cons-grid .cons-box, .pros-cons-container .pros-box, .pros-cons-container .cons-box { width: 50%; }
    .commitment-item.featured, .commitment-item.featured-reverse { grid-column: 1 / -1; }
}

/* ===========================================
   Responsive (Mobile - 767px)
=========================================== */
@media (max-width: 767px) {
    .treatment-page section { margin-bottom: var(--spacing-3xl); }
    .treatment-page section h2 { font-size: 20px; margin-top: var(--spacing-2xl); }
    .treatment-page h3 { font-size: 18px; margin-top: var(--spacing-xl); }
    .treatment-page h4 { font-size: 16px; }
    .treatment-page .intro-content, .treatment-page .content-row { display: block; }
    .treatment-page .intro-content img, .treatment-page .content-row img { width: 100%; margin-bottom: var(--spacing-lg); }

    .commitment-grid, .effect-grid, .method-grid, .treatment-grid { display: block; }
    .commitment-item, .effect-item, .method-box, .treatment-box { margin-bottom: var(--spacing-lg); }
    .commitment-item:last-child, .effect-item:last-child, .method-box:last-child, .treatment-box:last-child { margin-bottom: 0; }

    .pros-cons-grid, .pros-cons-container { display: block; }
    .pros-cons-grid .pros-box, .pros-cons-grid .cons-box, .pros-cons-container .pros-box, .pros-cons-container .cons-box { width: 100%; margin-bottom: var(--spacing-lg); }

    /* Treatment Flow - Mobile */
    .treatment-flow { margin: var(--spacing-2xl) calc(-1 * var(--container-padding)); padding: var(--spacing-2xl) var(--spacing-md); }

    /* Importance Grid */
    .importance-grid { grid-template-columns: 1fr; }
    .importance-item { padding: var(--spacing-lg); }

    /* Method Items */
    .method-item.featured { flex-direction: column; padding: var(--spacing-lg); }
    .method-item.featured img { width: 100%; margin-bottom: var(--spacing-lg); }
    .method-item.featured h4 { font-size: 18px; }

    /* Equipment Grid */
    .equipment-grid { grid-template-columns: 1fr; gap: var(--spacing-lg); }
    .equipment-item { flex-direction: column; text-align: center; }
    .equipment-item img { width: 100%; height: 180px; margin: 0 auto var(--spacing-md); }
    .equipment-info h4 { text-align: center; }

    /* Conclusion Message */
    .treatment-page .conclusion-message { padding: var(--spacing-2xl) var(--spacing-lg); border-radius: var(--radius-lg); }
    .treatment-page .conclusion-message h2 { font-size: 20px; }
    .treatment-page .conclusion-message p { font-size: 14px; line-height: 1.9; }

    /* Commitment featured */
    .commitment-item.featured, .commitment-item.featured-reverse { flex-direction: column; }
    .commitment-item.featured img, .commitment-item.featured-reverse img { width: 100%; }
}