/* WellBe photo concerns, November 2026 */
.concern-intro{max-width:700px;margin:0 auto;color:var(--soft);font-size:17px}
.concern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.concern-card{--concern-accent:#356f60;--concern-tint:#eff5ed;display:flex;flex-direction:column;min-width:0;border:1px solid #dfe7df;border-radius:22px;overflow:hidden;background:white;box-shadow:0 10px 24px #29483c09}
.concern-card:nth-child(3n+2){--concern-accent:#9a603e;--concern-tint:#faf1e8}
.concern-card:nth-child(3n){--concern-accent:#4c6f80;--concern-tint:#eff5f7}
.concern-photo{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:center; background:#eaf0e8}
.concern-copy{display:flex;flex-direction:column;flex:1;padding:24px 23px;background:linear-gradient(var(--concern-tint),#fff 75%)}
.concern-number{color:var(--concern-accent);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}
.concern-card h3{font-size:25px;min-height:74px;display:flex;align-items:center;margin:0 0 16px;overflow-wrap:anywhere}
.concern-pain-label{font-size:15px;color:var(--concern-accent);font-weight:700;margin:0 0 10px}
.concern-pain-list{font-size:16px;line-height:1.8;margin:0 0 22px;padding-left:1.15em;flex:1}
.concern-pain-list li+li{margin-top:8px}
.concern-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--concern-accent);border-radius:12px;padding:13px 15px;min-height:62px;font:inherit;font-size:14px;line-height:1.6;font-weight:700;background:#fff;color:var(--concern-accent);text-align:left;cursor:pointer}
.concern-open:hover{background:var(--concern-tint)}
.concern-plus{font-size:23px;line-height:1;flex:none}
.concern-context{font-size:14px;color:var(--soft);margin:22px auto 0;max-width:860px;text-align:center}
.concern-dialog{padding:0;border:1px solid #dce5de;border-radius:22px;width:min(780px,calc(100% - 32px));max-width:none;max-height:88vh;max-height:88dvh;color:var(--ink);background:var(--paper);box-shadow:0 24px 100px #173e3b55;overflow:hidden}
.concern-dialog::backdrop{background:#1c302ed1}
.concern-dialog-shell{display:flex;flex-direction:column;max-height:88vh;max-height:88dvh}
.concern-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#fff;border-bottom:1px solid var(--line);flex:none}
.concern-dialog-head h3{font-size:25px;overflow-wrap:anywhere}
.concern-close{flex:none;min-height:46px;min-width:76px;border:1px solid #bdcdc1;border-radius:24px;padding:8px 14px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}
.concern-dialog-body{padding:28px 34px 36px;overflow-y:auto;overscroll-behavior:contain;min-height:0;font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.concern-detail-section+.concern-detail-section{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.concern-detail-section h4{font-size:20px;color:var(--green);margin:0 0 14px;line-height:1.6}
.concern-detail-section ul{padding-left:1.25em;margin:0}
.concern-detail-section li+li{margin-top:12px}
.concern-detail-section p{margin:0}
.concern-analysis{margin:0;display:grid;gap:20px}
.concern-analysis dt{font-weight:800;font-size:16px;color:#316859;margin:0 0 6px}
.concern-analysis dd{margin:0}
.concern-analysis .flora-label{color:#436e88}
.concern-detail-note{font-size:14px;line-height:1.85;color:#5b6c64;margin:24px 0 0!important}
.concern-dialog-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.concern-dialog-footer .btn{flex:1;min-width:160px;font-size:16px}
.concern-return{font:inherit;font-size:15px;cursor:pointer;background:transparent;border:1px solid #b5c7bd;color:var(--green);border-radius:10px;padding:12px 20px}
@media(max-width:1000px){.concern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.concern-grid{grid-template-columns:minmax(0,1fr);gap:24px}.concern-photo{aspect-ratio:1.9}.concern-copy{padding:22px}.concern-card h3{min-height:0;font-size:25px;margin-bottom:18px}.concern-open{font-size:15px;min-height:56px}.concern-pain-list{font-size:17px}.concern-dialog{width:calc(100% - 20px);border-radius:16px;max-height:92vh;max-height:92dvh}.concern-dialog-shell{max-height:92vh;max-height:92dvh}.concern-dialog-head{padding:15px 16px;gap:12px}.concern-dialog-head h3{font-size:22px}.concern-dialog-body{padding:22px 20px 28px;font-size:16px}.concern-detail-section h4{font-size:19px}.concern-context{text-align:left}.concern-intro{font-size:16px}.concern-dialog-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.concern-dialog *{scroll-behavior:auto}}

.concern-item-list{margin-top:20px;border-top:1px solid var(--line)}.concern-item-list summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;min-height:48px;font-size:16px;font-weight:700;color:var(--green);cursor:pointer;list-style:none}.concern-item-list summary::-webkit-details-marker{display:none}.concern-item-list[open] summary span{transform:rotate(45deg)}.concern-item-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0 0 18px;padding-left:1.25em;font-size:15px}.concern-item-list li+li{margin-top:0}@media(max-width:600px){.concern-item-list ul{grid-template-columns:1fr}}

#concern-1{width:min(1000px,calc(100% - 32px))}
.diet-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-bottom:28px}
.diet-column{display:flex;flex-direction:column;min-width:0;padding:22px;background:#f0f6ef;border-radius:14px}
.diet-gut{background:#edf4f8}
.diet-column h4,.diet-both h4{font-size:21px;line-height:1.6;margin:0 0 16px;color:var(--green)}
.diet-gut h4{color:#436e88}
.diet-column h5{font-size:17px;margin:24px 0 12px;border-top:1px solid #d5e2d9;padding-top:18px}
.diet-column ul{font-size:16px;line-height:1.8;margin:0 0 16px;padding-left:1.2em}
.diet-column li+li{margin-top:9px}
.diet-column .diet-buy{margin-top:auto;font-size:15px;padding:13px 10px}
.diet-both{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}
.diet-both p{font-size:16px;margin:0}
.diet-both .btn{font-size:16px;flex:none;max-width:48%}
@media(max-width:650px){#concern-1{width:calc(100% - 20px)}.diet-comparison{grid-template-columns:1fr;gap:20px}.diet-column{padding:20px}.diet-both{flex-direction:column;align-items:stretch}.diet-both .btn{max-width:none}.diet-column .diet-buy{margin-top:10px}}

/* Compact related item labels without reserving a full row per item. */
.diet-column h5+ul{display:flex;flex-wrap:wrap;gap:8px 10px;padding:0;list-style:none;margin-bottom:24px;font-size:14px;line-height:1.65}
.diet-column h5+ul li{margin:0;padding:4px 9px;background:#ffffffc9;border-radius:5px;max-width:100%;overflow-wrap:anywhere}
.diet-column h5+ul li+li{margin-top:0}

/* Follow-along purchase navigation on desktop and mobile. */
body{padding-bottom:112px}
.bottom-bar{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:90;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;width:auto;max-width:640px;margin:0 auto;padding:9px;background:rgba(255,252,249,.97);border:1px solid #e2e6dc;border-radius:999px;box-shadow:0 6px 28px #26372c30;backdrop-filter:blur(10px)}
.bottom-bar .btn{border-radius:999px;font-size:17px;min-height:54px;padding:10px 18px;white-space:nowrap}
.bottom-bar .btn-sub{background:#fff}
@media(max-width:600px){.bottom-bar{left:10px;right:10px;gap:7px;padding:7px;bottom:max(9px,env(safe-area-inset-bottom))}.bottom-bar .btn{font-size:14px;min-height:48px;padding:9px 7px}body{padding-bottom:100px}}