/* Scoped, mobile-first OEM media design — real user-supplied images, no simulated vials */
.ft-mockup-showcase{min-width:0;overflow:hidden;border-radius:24px;border:1px solid #d8e5ee;background:linear-gradient(145deg,#f8fcff,#e9f3f9);box-shadow:0 24px 68px rgba(10,40,63,.11)}
.ft-mockup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 22px 9px}
.ft-mockup-kicker,.ft-mockup-toolbar>div:first-child>span{display:block;letter-spacing:.15em;color:#147cac;font-size:.62rem;font-weight:850}
.ft-mockup-header h3{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.2;letter-spacing:-.02em;color:#173a55;margin-top:6px}
.ft-mockup-header>strong{white-space:nowrap;background:#fff;border:1px solid #d1e0e9;border-radius:20px;padding:6px 10px;color:#266084;font-size:.68rem}
.ft-mockup-view{aspect-ratio:3/2;padding:0 8px;background:radial-gradient(ellipse at 50% 42%,#fff,rgba(229,239,248,.4));overflow:hidden}
.ft-mockup-view img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}
.ft-mockup-view img.is-switching{opacity:.4}
.ft-mockup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:rgba(255,255,255,.8);border-top:1px solid #dae7ee}
.ft-mockup-toolbar>div:first-child>strong{display:block;color:#284b65;font-size:.79rem;margin-top:3px}
.ft-mockup-swatches{display:flex;align-items:center;gap:6px}
.ft-mockup-swatches button{display:grid;justify-items:center;gap:5px;min-width:44px;padding:5px 3px;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;font-size:.63rem;font-weight:780;color:#526a7e}
.ft-mockup-swatches button i{display:block;width:24px;height:24px;background:var(--sw);border-radius:50%;border:2px solid #fff;outline:1px solid #c8d8e3}
.ft-mockup-swatches button.is-active{background:#e9f4fb;border-color:#c9e4f5;color:#0d77b5}
.ft-mockup-swatches button.is-active i{outline:2px solid #168add;outline-offset:2px}
.ft-mockup-swatches button:hover{background:#edf6fa}
.ft-mockup-disclaimer{padding:10px 18px!important;color:#678293!important;font-size:.68rem!important;line-height:1.45!important;background:rgba(255,255,255,.8)}
.ft-label-film{position:relative;isolation:isolate;min-height:385px;display:flex;align-items:center;margin-top:52px;overflow:hidden;border-radius:24px;background:#071b31;box-shadow:0 25px 66px rgba(4,26,48,.17)}
.ft-label-film-video,.ft-label-film-shade{position:absolute;inset:0;width:100%;height:100%}
.ft-label-film-video{object-fit:cover;object-position:73% center;pointer-events:none;z-index:-2}
.ft-label-film-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,19,34,.97),rgba(5,24,43,.91) 50%,rgba(6,28,48,.37))}
.ft-label-film-text{position:relative;padding:40px 26px;max-width:620px;color:#fff}
.ft-label-film-text h3{font-size:clamp(2rem,6vw,3.3rem);color:#fff;margin-bottom:16px}
.ft-label-film-text p{font-size:.92rem;line-height:1.75;max-width:460px;color:#d4e2eb}
.ft-label-film-text .ft-button{margin-top:23px}
.ft-label-film-caption{position:absolute;bottom:15px;right:20px;color:#b9dce9;font-size:.61rem;font-weight:820;letter-spacing:.12em}
@media(max-width:540px){
.ft-mockup-header{padding:18px 15px 8px}.ft-mockup-header h3{font-size:1.28rem}
.ft-mockup-toolbar{display:grid;gap:13px;padding:14px 13px}
.ft-mockup-swatches{justify-content:space-between}.ft-mockup-swatches button{flex:1}
.ft-mockup-disclaimer{padding:8px 14px 14px!important}
.ft-label-film{min-height:425px}.ft-label-film-text{padding:35px 22px 65px}
.ft-label-film-shade{background:linear-gradient(90deg,rgba(3,19,34,.92),rgba(5,24,43,.74))}
.ft-label-film-caption{right:13px;bottom:12px;font-size:.55rem}
}
@media(min-width:960px){.ft-mockup-header{padding:27px 29px 14px}.ft-mockup-toolbar{padding:18px 24px}.ft-label-film{min-height:410px;margin-top:76px}.ft-label-film-text{padding:45px 59px}}
@media(prefers-reduced-motion:reduce){.ft-mockup-view img{transition:none}.ft-label-film-video{display:none}}