/* FS Advanced styles - layout matching HealthifyMe style */
.fs-wrap{display:flex;gap:30px;max-width:1100px;margin:30px auto;padding:10px;font-family:Inter,Arial,sans-serif;}
.fs-left{flex:1 1 48%;}
.fs-right{flex:1 1 48%;}
.fs-img-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,0.06);min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;}
.fs-placeholder{color:#777;font-size:16px;}
#fsPreview{max-width:100%;border-radius:12px;display:block;max-height:340px;object-fit:cover;}
.fs-breakdown{background:#fff;margin-top:18px;padding:16px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.04);}
.fs-summary{background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.04);}
.fs-total{font-weight:700;font-size:18px;margin-bottom:12px;}
.fs-macros{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.macro{display:flex;gap:10px;align-items:center;padding:8px;background:#fafafa;border-radius:10px;}
.m-icon{width:40px;height:40px;border-radius:10px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-weight:700;}
.m-title{font-size:12px;color:#777;}
.m-value{font-weight:700;font-size:14px;}
.fs-note{margin-top:12px;color:#555;}
.fs-feedback{margin-top:14px;display:flex;justify-content:space-between;align-items:center;}
.fs-feedback button{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.fs-breakdown ul{list-style:none;padding:0;margin:0;}
.fs-breakdown li{padding:10px 0;border-bottom:1px solid #f1f1f1;}
.fs-download{display:block;margin-top:14px;background:#176f61;color:#fff;padding:12px;border-radius:8px;text-align:center;text-decoration:none;}