.detail-redesign .page-hero { padding:120px 0 56px; text-align:left; }
.detail-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:70px; align-items:center; }
.detail-redesign .page-hero .kicker,.detail-redesign .breadcrumb { justify-content:flex-start; }
.detail-redesign .page-hero p { margin-left:0; }
.detail-redesign .page-hero h1 { font-size:clamp(2rem,3.1vw,3rem); margin:22px 0; }
.detail-hero-photo { margin:0; border-radius:90px 12px 12px 12px; overflow:hidden; border:1px solid #b4935966; padding:8px; background:#fffaf0; }
.detail-hero-photo img { display:block; width:100%; height:320px; object-fit:cover; border-radius:82px 6px 6px 6px; }
.detail-jump { display:grid; grid-template-columns:repeat(4,1fr); max-width:1184px; margin:32px auto; border:1px solid #d5ddcf; border-radius:8px; overflow:hidden; background:#fffdf8; }
.detail-jump a { padding:20px; color:#28513f; font-size:.9rem; border-right:1px solid #d5ddcf; }
.detail-jump a:last-child { border-right:0; }
.detail-jump a:hover { background:#edf2e7; }
.detail-jump span { color:#ab925c; margin-right:16px; font-size:.75rem; }
.detail-redesign [id] { scroll-margin-top:100px; }
.enema-redesign .product-card { display:grid; grid-template-columns:140px minmax(0,1fr); column-gap:24px; padding:26px; align-content:start; }
.enema-redesign .product-card .card-photo { grid-column:1; grid-row:1 / span 5; margin:0; height:180px; border-radius:70px 8px 8px 8px; overflow:hidden; }
.enema-redesign .product-card .card-photo img { width:100%; height:180px; object-fit:cover; }
.enema-redesign .product-card > :not(.card-photo):not(.tips-box) { grid-column:2; }
.enema-redesign .product-card .tips-box { grid-column:1 / -1; background:#f2f4eb; border:0; border-radius:8px; }
.enema-redesign .product-card h3 { font-size:1.18rem; margin:10px 0; }
.enema-redesign .product-badge { justify-self:start; font-size:.7rem; }
.enema-redesign .enema-en-name { font-size:.7rem; letter-spacing:.04em; }
.enema-redesign .cards-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.enema-redesign .cards-grid .card { padding:26px 22px; }
.enema-redesign .cards-grid .icon-medal { width:72px; height:72px; }
.enema-redesign .cards-grid h3 { font-size:1.1rem; }
.enema-redesign .section-title { text-align:left; }
.enema-redesign .section-title .kicker { justify-content:flex-start; }
.enema-redesign .section-title::after { margin-left:0; }
.enema-redesign .step-flow { gap:16px; }
.enema-redesign .step-item { padding:24px 14px; }
.visit-timeline { position:relative; margin-top:42px; }
.visit-phase { display:grid; grid-template-columns:190px minmax(0,1fr); gap:44px; padding:0 0 42px; }
.visit-phase-label { position:relative; border-right:1px solid #cdd7c4; padding:18px 28px 0 0; }
.visit-phase-label::after { content:''; position:absolute; right:-6px; top:26px; width:11px; height:11px; border-radius:50%; background:#b49359; box-shadow:0 0 0 7px #f2f3e9; }
.visit-phase-label span { color:#ad945e; font-family:var(--serif); font-size:2.8rem; }
.visit-phase-label h3 { font-family:var(--serif); color:#28513f; font-size:1.45rem; margin-top:12px; }
.visit-phase-steps { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.visit-phase:first-child .visit-phase-steps,.visit-phase:last-child .visit-phase-steps { grid-template-columns:1fr; }
.process-redesign .step-detail { display:flex; gap:18px; margin:0; padding:26px; border:1px solid #d9e0d1; border-radius:10px; background:#fffdf8; }
.process-redesign .step-detail-num { flex:0 0 32px; width:32px; height:32px; line-height:32px; font-size:1rem; background:#e9eee2; color:#28513f; border:0; box-shadow:none; }
.process-redesign .step-detail h4 { color:#28513f; font-family:var(--serif); font-size:1.1rem; margin-bottom:10px; }
.process-redesign .step-detail p { color:#657267; line-height:1.9; font-size:.9rem; }
.process-redesign .section-banner { max-width:none; }
.process-redesign .section-banner img { width:100%; height:210px; object-fit:cover; object-position:center 45%; }
.process-redesign .op-step { padding:26px; background:#fffdf8; border:1px solid #d9e0d1; border-radius:10px; margin-bottom:16px; }
.process-redesign .op-step p { line-height:1.9; }
.detail-redesign .cta-banner { background:#244b38; color:#fffaf0; border:0; border-radius:12px; }
.detail-redesign .cta-banner h2 { color:#fffaf0; font-size:1.6rem; }
.detail-redesign .cta-banner p { color:#d5dfce; }
@media(max-width:1000px) { .enema-redesign .cards-grid { grid-template-columns:1fr 1fr; } .visit-phase { grid-template-columns:130px minmax(0,1fr); gap:24px; } .visit-phase-steps { grid-template-columns:1fr; } }
@media(max-width:860px) {
.detail-hero-grid { grid-template-columns:1fr; gap:28px; }
.detail-redesign .page-hero { padding:112px 0 32px; }
.detail-redesign .page-hero h1 { font-size:2rem; }
.detail-hero-photo img { height:220px; }
.detail-jump { grid-template-columns:1fr 1fr; margin:24px 22px; }
.detail-jump a { padding:16px; font-size:.82rem; border-bottom:1px solid #d5ddcf; }
.detail-jump span { margin-right:10px; }
.enema-redesign .product-card { grid-template-columns:90px minmax(0,1fr); gap:14px; padding:22px; }
.enema-redesign .product-card .card-photo,.enema-redesign .product-card .card-photo img { height:150px; }
.enema-redesign .product-card h3 { font-size:1.05rem; }
.enema-redesign .product-card > p:not(.enema-en-name) { grid-column:1 / -1; }
.enema-redesign .cards-grid { grid-template-columns:1fr; }
.enema-redesign .step-flow { grid-template-columns:1fr!important; }
.visit-phase { grid-template-columns:1fr; gap:16px; padding-bottom:32px; }
.visit-phase-label { display:flex; align-items:center; gap:16px; padding:0 0 12px; border-right:0; border-bottom:1px solid #d9e0d1; }
.visit-phase-label::after { display:none; }
.visit-phase-label span { font-size:2rem; }
.visit-phase-label h3 { margin:0; font-size:1.3rem; }
.process-redesign .step-detail { padding:22px 18px; gap:12px; }
.process-redesign .step-detail p { font-size:.86rem; }
.process-redesign .detail-jump { margin-inline:0; }
}
.detail-redesign .page-hero h1 { color:#254d3a; opacity:1; animation:none; }
.detail-redesign .page-hero p { color:#657267; opacity:1; animation:none; }
.detail-redesign .page-hero .kicker { color:#8b7954; opacity:1; }
/* Approved dark forest / champagne redesign. Explicit fills override legacy text effects. */
body.detail-redesign .page-hero { background:radial-gradient(ellipse at 10% 80%,#25493d 0,transparent 65%),#102b23; color:#faf5e9; padding-block:138px 72px; border-bottom:1px solid #b99a60; }
body.detail-redesign .page-hero::before { content:''; inset:22px; width:auto; height:auto; border:1px solid #c6ab7140; border-radius:0; transform:none; background:none; pointer-events:none; }
body.detail-redesign .page-hero::after { display:none; }
body.detail-redesign .page-hero h1 { color:#fff7e8!important; -webkit-text-fill-color:#fff7e8!important; background:none!important; font-size:clamp(2.3rem,3.6vw,3.5rem); font-weight:600; letter-spacing:.02em; line-height:1.5; text-shadow:none; opacity:1!important; }
body.detail-redesign .page-hero h1 em.gold-text { color:#d7bc80!important; -webkit-text-fill-color:#d7bc80!important; background:none!important; font-style:normal; text-shadow:none; }
body.detail-redesign .page-hero p { color:#e0e6dc!important; -webkit-text-fill-color:#e0e6dc!important; font-size:1rem; line-height:2; }
body.detail-redesign .page-hero .breadcrumb,body.detail-redesign .page-hero .breadcrumb a { color:#cfdbd0!important; -webkit-text-fill-color:#cfdbd0!important; font-size:.8rem!important; }
body.detail-redesign .page-hero .kicker { color:#dbc38e!important; -webkit-text-fill-color:#dbc38e!important; background:transparent; border:0; padding:0; }
body.detail-redesign .page-hero .kicker::before { background:#c5a66a; }
body.detail-redesign .detail-hero-grid { gap:76px; }
body.detail-redesign .detail-hero-photo { border:1px solid #c6ab71; border-radius:2px; padding:10px; background:#17372d; box-shadow:15px 15px 0 #061c1655; }
body.detail-redesign .detail-hero-photo img { border-radius:0; height:350px; }
body.detail-redesign .detail-jump { border-radius:2px; border-color:#d6c8a8; background:#fffdf7; }
body.detail-redesign .detail-jump a { color:#193c2e; border-color:#d6c8a8; font-weight:500; }
body.detail-redesign .detail-jump span { color:#80662c; }
body.detail-redesign .section { background-color:#faf8f1; }
body.detail-redesign .section-alt { background:#f0efe5; }
body.detail-redesign .section-title h2 { color:#193c2e; }
body.detail-redesign .section-title p { color:#49584d; }
body.detail-redesign .section-title .kicker { color:#7b632e; }
body.detail-redesign .cloud-deco { display:none; }
body.detail-redesign .card,body.detail-redesign .product-card,body.detail-redesign .step-detail,body.detail-redesign .op-step { border-radius:3px; border-color:#d7d5c4; background:#fffdf8; box-shadow:0 8px 24px #243b2a06; }
body.detail-redesign .product-card h3 { color:#193c2e; }
body.detail-redesign .card p,body.detail-redesign .product-card p,body.detail-redesign .step-detail p { color:#49584d; }
body.detail-redesign .product-card .card-photo { border-radius:2px; }
body.detail-redesign .product-card .tips-box { border-radius:2px; background:#f1f0e6; }
body.detail-redesign .visit-phase-label span { color:#856a30; }
body.detail-redesign .cta-banner { border-radius:2px; border:1px solid #b99a60; background:#15372b; }
@media(max-width:860px) {
body.detail-redesign .page-hero { padding:112px 0 44px; }
body.detail-redesign .page-hero::before { inset:12px; }
body.detail-redesign .detail-hero-grid { gap:30px; }
body.detail-redesign .page-hero h1 { font-size:2.05rem; }
body.detail-redesign .page-hero p { font-size:.94rem; }
body.detail-redesign .detail-hero-photo img { height:235px; }
}
/* Unified ivory baseline with explicit, legible text fills. */
body.detail-redesign .page-hero { background:radial-gradient(ellipse at 85% 35%,#e3e9dc66,transparent 58%),#f5f2e9; color:#234432; border-bottom:1px solid #d9dece; }
body.detail-redesign .page-hero::before { border-color:#b4935929; }
body.detail-redesign .page-hero h1,
body.detail-redesign .page-hero h1 em.gold-text { color:#234432!important; -webkit-text-fill-color:#234432!important; background:none!important; font-style:normal; text-shadow:none; }
body.detail-redesign .page-hero p { color:#45554b!important; -webkit-text-fill-color:#45554b!important; }
body.detail-redesign .page-hero .breadcrumb,
body.detail-redesign .page-hero .breadcrumb a { color:#526055!important; -webkit-text-fill-color:#526055!important; }
body.detail-redesign .page-hero .kicker { color:#6c582c!important; -webkit-text-fill-color:#6c582c!important; }
body.detail-redesign .detail-hero-photo { background:#fffdf7; border-color:#b9a87f; box-shadow:10px 10px 0 #e7e9dd; }
body.detail-redesign .section-title h2,
body.detail-redesign .section-title h2 em,
body.detail-redesign .product-card h3,
body.detail-redesign .card h3 { color:#234432; -webkit-text-fill-color:#234432; background-image:none; }
body.detail-redesign .product-card .enema-en-name { color:#526055; -webkit-text-fill-color:#526055; }
body.detail-redesign .product-card .tips-box li { color:#45554b; }
/* Audience is the first decision cue in every formula card. */
body.enema-redesign .product-card .project-audience { grid-column:1 / -1; margin:16px 0 8px; padding:18px 20px; background:#eaf0e4; border:1px solid #c6d3be; border-left:4px solid #28513f; border-radius:4px; }
.project-audience-label { display:inline-block; padding:4px 10px; background:#28513f; color:#fffdf5; font-size:.78rem; font-weight:600; letter-spacing:.08em; border-radius:3px; margin-bottom:10px; }
body.enema-redesign .product-card .project-audience p { color:#234432; font-size:1.05rem; font-weight:600; line-height:1.85; margin:0; -webkit-text-fill-color:#234432; }
@media(max-width:860px) { body.enema-redesign .product-card .project-audience { padding:16px; margin-block:12px 6px; } body.enema-redesign .product-card .project-audience p { font-size:1rem; } }