.eff{--eff-ink:#20252a;--eff-muted:#747c83;--eff-line:#e5e8e9;--eff-soft:#f4f6f6;--eff-accent:#1e4948;color:var(--eff-ink);font-family:inherit;max-width:1200px;margin:48px auto;padding:0 18px;box-sizing:border-box}.eff *{box-sizing:border-box}.eff-heading{text-align:center;max-width:680px;margin:0 auto 35px}.eff-eyebrow,.eff-step{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--eff-accent)}.eff-heading h2{font-size:clamp(30px,4vw,48px);font-weight:550;line-height:1.16;letter-spacing:-1.5px;margin:10px 0 12px}.eff-heading p{color:var(--eff-muted);font-size:15px;line-height:1.7}.eff-main{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.eff-photo,.eff-results{border:1px solid var(--eff-line);border-radius:17px;padding:24px;background:#fff}.eff-view{border-radius:12px;overflow:hidden;background:var(--eff-soft);height:355px;display:flex;align-items:center;justify-content:center;position:relative}.eff-view video,.eff-view .eff-preview{width:100%;height:100%;object-fit:contain}.eff-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;padding:30px}.eff-face-icon{font-size:100px;line-height:1;color:#9daeb1;font-weight:200}.eff-empty span:nth-child(2){font-size:21px;font-weight:600}.eff-empty small{color:var(--eff-muted);max-width:280px;line-height:1.7}.eff-actions{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.eff .eff-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:125px;padding:13px 17px;border:1px solid var(--eff-accent);border-radius:7px;background:var(--eff-accent);color:white;font-size:13px;font-weight:600;text-align:center;line-height:1.35}.eff .eff-btn:hover{opacity:.86}.eff .eff-btn:disabled{opacity:.45;cursor:wait}.eff .eff-secondary{background:#fff;color:var(--eff-accent)}.eff-status{font-size:13px;min-height:22px;color:var(--eff-accent);margin:14px 0 6px}.eff-privacy{display:block;font-size:11px;color:var(--eff-muted);line-height:1.6}.eff-results{background:#f8f9f7;display:flex;flex-direction:column;justify-content:center;min-height:355px;padding:clamp(25px,4vw,48px)}.eff-results h3{font-size:clamp(27px,3vw,40px);font-weight:550;line-height:1.2;letter-spacing:-1px;margin:20px 0 12px}.eff-results p{font-size:15px;line-height:1.8;color:var(--eff-muted)}.eff-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.eff-pills span{border:1px solid #dbe3df;padding:8px 12px;border-radius:50px;font-size:11px;color:var(--eff-accent)}.eff-tip{margin-top:24px;font-size:13px;line-height:1.7;color:var(--eff-accent)}.eff-product-head{margin:48px 0 22px}.eff-product-head h3{font-size:29px;font-weight:550;margin:10px 0}.eff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.eff-card{border:1px solid var(--eff-line);padding:10px 10px 18px;display:flex;flex-direction:column;gap:9px;border-radius:10px;color:var(--eff-ink);text-decoration:none!important;background:#fff}.eff-card img{aspect-ratio:1/1;object-fit:contain;background:#f7f7f7;border-radius:6px;width:100%}.eff-card strong{font-size:14px;font-weight:550;padding:0 5px}.eff-price{font-size:13px;padding:0 5px}.eff-price del{opacity:.5;margin-right:4px}.eff-shop{font-weight:600;font-size:12px;color:var(--eff-accent);padding:4px 5px}.eff-card:hover{box-shadow:0 12px 30px #0000000b;transform:translateY(-2px);transition:.2s}@media(max-width:800px){.eff-main{grid-template-columns:1fr}.eff-view{height:320px}.eff-results{min-height:260px}.eff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.eff{margin:30px auto;padding:0 12px}.eff-photo,.eff-results{padding:17px}.eff-view{height:285px}.eff-grid{gap:9px}.eff-card{padding:7px}.eff-actions .eff-btn{min-width:115px}.eff-heading h2{letter-spacing:-.8px}}

/* Responsive layout: prevent theme grid/flex rules from widening the page. */
.eff, .eff-main, .eff-main > *, .eff-view, .eff-results, .eff-products, .eff-grid, .eff-card {min-width:0;max-width:100%}
.eff {width:100%;overflow-x:clip}
.eff [hidden] {display:none!important}
.eff-view video.eff-mirrored {transform:scaleX(-1)}
.eff-view video,.eff-view img {display:block;max-width:100%;max-height:100%;object-fit:cover}
.eff-results h3,.eff-results p,.eff-tip,.eff-card strong {overflow-wrap:anywhere}
.eff-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.eff .eff-btn {min-width:0!important;width:100%;margin:0;white-space:normal}
@media(max-width:800px){
 .eff{margin:20px auto;padding:0 12px}
 .eff-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px}
 .eff-photo,.eff-results{width:100%;padding:16px}
 .eff-view{height:auto;min-height:250px;aspect-ratio:4/3}
 .eff-results{min-height:0;padding:20px}
 .eff-results h3{font-size:clamp(24px,7vw,32px);margin:12px 0}
 .eff-results p{font-size:14px;line-height:1.6}
 .eff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eff-heading{margin-bottom:20px}
 .eff-heading h2{font-size:clamp(26px,8vw,36px)}
 .eff .eff-btn{padding:13px 8px;font-size:13px}
}
@media(max-width:360px){.eff-actions{gap:7px}.eff .eff-btn{font-size:12px}.eff-photo,.eff-results{padding:12px}}

/* Space above the result when a completed scan brings it into view. */
.eff .eff-results{scroll-margin-top:var(--eff-result-scroll-offset,96px)}