/* FaceFrame Trust Center - standalone shortcode preview, scoped for Elementor. */
.fftc-preview{
  --fftc-p-blue:#005383;--fftc-p-deep:#174D68;--fftc-p-line:rgba(0,83,131,.14);
  width:100%;max-width:1320px;margin:0 auto;padding:clamp(12px,2vw,28px);
  direction:rtl;color:#4d4d4d;font-family:inherit;font-size:14px;line-height:1.85;
  background:radial-gradient(circle at 4% 10%,rgba(221,152,190,.12),transparent 29%),linear-gradient(125deg,#f8fbfd,#fff 70%);
  border:1px solid rgba(0,83,131,.09);border-radius:18px;
}
.fftc-preview *,.fftc-preview *::before,.fftc-preview *::after{box-sizing:border-box}
.fftc-preview a{text-decoration:none!important}
.fftc-preview svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fftc-preview h2,.fftc-preview h3,.fftc-preview p,.fftc-preview figure{margin:0;font-family:inherit!important;letter-spacing:normal}
.fftc-preview__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:clamp(16px,2.7vw,34px)}
.fftc-preview__copy{min-width:0;text-align:right}
.fftc-preview__eyebrow{display:inline-block;padding:5px 10px;border:1px solid rgba(221,152,190,.3);border-radius:9px;background:#fff6fb;color:#8c3f69;font-size:11px;font-weight:750}
.fftc-preview__copy h2{margin:11px 0 10px;color:var(--fftc-p-deep);font-size:clamp(22px,2.4vw,36px);font-weight:800;line-height:1.63}
.fftc-preview__copy h2 span{display:block;color:var(--fftc-p-blue)}
.fftc-preview__lead{max-width:650px;color:#626262;font-size:12px;line-height:2}
.fftc-preview__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fftc-preview__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 15px;border-radius:9px;font-size:11px;font-weight:800;transition:filter .15s ease}
.fftc-preview__btn:hover{filter:brightness(.95)}
.fftc-preview__btn--primary{color:#fff!important;background:var(--fftc-p-blue)}
.fftc-preview__btn--outline{color:var(--fftc-p-blue)!important;background:#fff;border:1px solid var(--fftc-p-line)}
.fftc-preview__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:17px}
.fftc-preview__proof>div{border-left:1px solid var(--fftc-p-line);text-align:center;min-width:0}
.fftc-preview__proof>div:last-child{border-left:0}
.fftc-preview__proof b{display:block;font-size:11px;color:var(--fftc-p-deep);line-height:1.6}
.fftc-preview__proof small{display:block;font-size:9px;color:#89929b;line-height:1.6}
.fftc-preview__image{min-width:0;overflow:hidden;aspect-ratio:1.65/1;border-radius:15px;background:#eef8fd;border:1px solid var(--fftc-p-line);box-shadow:0 10px 30px rgba(0,54,88,.07)}
.fftc-preview__image picture,.fftc-preview__image img{display:block;width:100%;height:100%}
.fftc-preview__image img{object-fit:cover;object-position:center}
.fftc-preview__search{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:18px;margin-top:22px;padding:17px 19px;background:#fff;border:1px solid var(--fftc-p-line);box-shadow:0 5px 20px rgba(0,54,88,.04);border-radius:13px}
.fftc-preview__search-copy{text-align:right;min-width:0}
.fftc-preview__search-copy>span{color:var(--fftc-p-blue);font-size:10px;font-weight:800}
.fftc-preview__search-copy h3{font-size:20px;color:var(--fftc-p-deep);line-height:1.6;font-weight:750;margin:2px 0 3px}
.fftc-preview__search-copy p{font-size:11px;color:#737f88;line-height:1.75}
.fftc-preview__form{min-width:0}
.fftc-preview__form label{display:block;margin-bottom:5px;color:var(--fftc-p-blue);font-size:10px;font-weight:800}
.fftc-preview__control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start}
.fftc-preview__select-wrap{position:relative;min-width:0;height:44px;z-index:2}
.fftc-preview__select{width:100%;height:44px;padding:0 12px;background:#fff;border:1px solid #cbdce6;border-radius:9px;font-family:inherit;font-size:12px;color:#4c6070}
.fftc-preview__submit{height:44px;min-width:133px;padding:0 11px;color:#fff;background:var(--fftc-p-blue);border:0;border-radius:9px;font-family:inherit;font-size:10px;font-weight:800;line-height:1.4;cursor:pointer}
.fftc-preview__submit:disabled{cursor:not-allowed;opacity:.62}
.fftc-preview__help{display:block;margin-top:5px;color:#8b9299;font-size:9px}
/* Only the SELECT control remains inside Elementor. Its popover is portaled to BODY.
   Never force top/left on a SelectWoo dropdown: its own placement engine must
   choose ABOVE or BELOW the field depending on visible viewport space. */
.fftc-preview .fftc-preview__select-wrap>.select2-container{position:absolute!important;inset:0 auto auto 0!important;transform:none!important;width:100%!important;max-width:100%!important;z-index:2!important}
.fftc-preview .fftc-preview__select-wrap>.select2-container--open{z-index:3!important}
.fftc-preview .fftc-preview__select-wrap .select2-selection--single{height:44px!important;border:1px solid #cbdce6!important;border-radius:9px!important;background:#fff!important}
.fftc-preview .fftc-preview__select-wrap .select2-selection__rendered{padding-right:11px!important;padding-left:25px!important;line-height:42px!important;text-align:right!important;font-size:11px!important}
.fftc-preview .fftc-preview__select-wrap .select2-selection__arrow{height:42px!important;left:4px!important;right:auto!important}
/* BODY child: escapes overflow:hidden/transform/z-index stacking contexts of Elementor and footer. */
body > .select2-container.fftc-preview__portal-open{z-index:2147483000!important}
body > .select2-container.fftc-preview__portal-open .select2-dropdown{direction:rtl!important;box-sizing:border-box!important;border:1px solid #b7cfdf!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 30px rgba(0,46,80,.20)!important;overflow:hidden}
body > .select2-container.fftc-preview__portal-open .select2-search__field{box-sizing:border-box!important;width:100%!important;min-height:42px!important;font-family:inherit!important;font-size:14px!important;text-align:right!important;border:1px solid #ccdae5!important;border-radius:7px!important;outline-offset:1px!important;direction:rtl}
body > .select2-container.fftc-preview__portal-open .select2-results__options{max-height:min(38vh,290px)!important;overflow-y:auto!important;overscroll-behavior:contain}
body > .select2-container.fftc-preview__portal-open .select2-results__option{font-family:inherit!important;font-size:13px!important;line-height:1.65!important;text-align:right!important;padding:10px 12px!important;white-space:normal!important;direction:rtl}
body > .select2-container.fftc-preview__portal-open .select2-results__option--highlighted[aria-selected]{background:#005383!important;color:#fff!important}
@media(max-width:768px){
 body > .select2-container.fftc-preview__portal-open .select2-results__options{max-height:min(32dvh,235px)!important}
 body > .select2-container.fftc-preview__portal-open .select2-results__option{padding:11px 12px!important;font-size:13px!important}
}
@media(max-width:900px){.fftc-preview__search{grid-template-columns:1fr;gap:10px}.fftc-preview__search-copy{text-align:center}}
@media(max-width:768px){
  .fftc-preview{padding:12px 10px;border-radius:12px}
  .fftc-preview__hero{grid-template-columns:1fr;gap:12px}
  .fftc-preview__copy{text-align:center}
  .fftc-preview__copy h2{font-size:21px;line-height:1.5;margin:8px 0 6px}
  .fftc-preview__eyebrow{font-size:9px}
  .fftc-preview__lead{font-size:10px;line-height:1.8}
  .fftc-preview__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
  .fftc-preview__btn{font-size:10px;min-height:40px;padding:6px}
  .fftc-preview__proof{margin-top:10px;gap:0}
  .fftc-preview__proof b{font-size:10px}
  .fftc-preview__proof small{font-size:8px}
  .fftc-preview__image{aspect-ratio:1.65/1;border-radius:10px}
  .fftc-preview__search{margin-top:12px;padding:12px 11px;gap:9px}
  .fftc-preview__search-copy h3{font-size:17px}
  .fftc-preview__search-copy p{font-size:10px}
  .fftc-preview__control{grid-template-columns:1fr}
  .fftc-preview__submit,.fftc-preview__select-wrap,.fftc-preview__select{width:100%;height:42px}
  .fftc-preview__form label,.fftc-preview__help{text-align:center}
}
@media(prefers-reduced-motion:reduce){.fftc-preview *{transition:none!important}}

/* Accessible brand CTA; scoped so Elementor theme button rules cannot override it. */
.fftc-preview .fftc-preview__submit{
  display:inline-flex!important;align-items:center;justify-content:center;
  text-decoration:none!important;background:#004e88!important;color:#fff!important;
  border:1px solid #004e88!important;border-radius:9px!important;
  font-size:12px!important;font-weight:800!important;min-height:44px!important;
  box-shadow:0 3px 10px rgba(0,78,136,.13);transition:background .15s ease,box-shadow .15s ease,transform .15s ease;
  white-space:normal!important;line-height:1.45!important;
}
.fftc-preview .fftc-preview__submit:hover{background:#003e6c!important;box-shadow:0 6px 15px rgba(0,78,136,.22)}
.fftc-preview .fftc-preview__submit:active{transform:translateY(1px)}
.fftc-preview .fftc-preview__submit:focus-visible,
.fftc-preview .fftc-preview__btn:focus-visible{outline:3px solid #dd97bd!important;outline-offset:3px!important}
.fftc-preview .fftc-preview__btn--primary{background:#004e88!important;color:#fff!important}
.fftc-preview .fftc-preview__btn--outline{background:#fff!important;color:#004e88!important;border:1px solid #a9c8dd!important}
@media(max-width:768px){.fftc-preview .fftc-preview__submit{width:100%;font-size:12px!important;min-height:46px!important}}
