/* Match the restrained Seatly CTA corners. */
button, [role="button"] { border-radius: 8px; }
.seatly-solutions { margin:32px 0; }
.seatly-solutions-heading { margin-bottom:18px; }
.seatly-solutions-heading h2 { margin:0!important; padding:0!important; border:0!important; font-size:22px!important; line-height:1.3!important; letter-spacing:-.025em; }
.seatly-solutions-heading p { margin:8px 0 0!important; font-size:14px; opacity:.65; }
.seatly-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.seatly-path { display:flex; flex-direction:column; gap:24px; padding:22px; border:1px solid #dce3dc; border-radius:12px; background:linear-gradient(150deg,rgba(180,209,181,.12),transparent 75%); color:inherit!important; text-decoration:none!important; transition:border-color .16s ease,background-color .16s ease; }
.seatly-path:hover { border-color:#729e7c; background-color:rgba(180,209,181,.08); }
.seatly-path-top { display:flex; align-items:center; gap:12px; }
.seatly-path-icon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #e4e6df; border-radius:10px; background:#fff; flex-shrink:0; }
.seatly-path-icon img { display:block; margin:0!important; object-fit:contain; }
.seatly-path-category { font-size:10px; font-weight:600; letter-spacing:.1em; opacity:.6; }
.seatly-path-copy { flex:1; }
.seatly-path-copy strong { display:block; font-size:21px; font-weight:600; letter-spacing:-.025em; }
.seatly-path-copy p { margin:8px 0 0!important; font-size:14px; line-height:1.65; opacity:.72; }
.seatly-path-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid #dce3dc; font-size:13px; font-weight:600; }
.seatly-path-arrow { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:rgba(180,209,181,.2); font-size:18px; }
@media(prefers-reduced-motion:reduce) { .seatly-path { transition:none; } }
.seatly-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.seatly-video-card { padding:0; border:1px solid #dce3dc; overflow:hidden; text-align:left; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.seatly-video-card:disabled { cursor:default; opacity:.72; }
.seatly-video-art { display:flex; flex-direction:column; justify-content:space-between; gap:18px; aspect-ratio:16/11; padding:16px; background-size:cover; background-position:center; color:white; }
.seatly-video-art small { font-size:9px; letter-spacing:.12em; }
.seatly-video-art strong { color:#fff!important; font-size:18px; line-height:1.2; letter-spacing:-.03em; }
.seatly-video-caption { display:flex; align-items:center; justify-content:space-between; padding:14px; min-height:60px; gap:8px; font-size:13px; }
.seatly-video-dialog { position:fixed; inset:0; margin:auto; max-height:90vh; overflow:auto; padding:0; width:min(900px,94vw); max-width:94vw; border:1px solid #dce3dc; border-radius:12px; background:#faf9f6; color:#25241f; }
.seatly-video-dialog::backdrop { background:rgba(0,0,0,.65); }
.seatly-video-dialog-head { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; gap:16px; }
.seatly-video-dialog-head button { background:transparent; border:1px solid #dedbd4; padding:6px 12px; cursor:pointer; color:inherit; }
.seatly-video-dialog iframe { display:block; width:100%; aspect-ratio:16/9; border:0; }
.seatly-video-card:focus-visible,.seatly-path:focus-visible { outline:3px solid #729e7c; outline-offset:3px; }
@media(max-width:640px) { .seatly-paths,.seatly-video-grid { grid-template-columns:1fr; } .seatly-video-art { aspect-ratio:16/8; } }

/* Shared text-free editorial visual for the matching FR/EN guide family. */
.seatly-doc-visual { margin:20px 0 28px; aspect-ratio:16/9; overflow:hidden; border:1px solid #e8e4db; border-radius:12px; background:#f4f1eb; }
.seatly-doc-visual img { display:block; height:100%!important; width:100%!important; margin:0!important; object-fit:cover; border-radius:0!important; }
@media(max-width:640px) { .seatly-doc-visual { height:auto; aspect-ratio:16/9; margin:16px 0 24px; } }

.seatly-process-flow { display:flex; gap:10px; margin:20px 0 28px!important; padding:0!important; list-style:none!important; }
.seatly-process-flow li { position:relative; flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin:0!important; padding:16px 12px!important; border:1px solid #dce3dc; border-radius:10px; background:rgba(180,209,181,.1); font-size:13px; line-height:1.45; }
.seatly-process-number { display:grid; place-items:center; width:26px; height:26px; border-radius:6px; background:#31573c; color:#fff; font-weight:600; }
.seatly-process-arrow { position:absolute; right:-11px; top:20px; z-index:1; color:#52735a; background:var(--background,#fff); line-height:16px; }
@media(max-width:640px) { .seatly-process-flow { flex-direction:column; gap:8px; } .seatly-process-flow li { flex-direction:row; align-items:center; } .seatly-process-number { flex-shrink:0; } .seatly-process-arrow { display:none; } }
