/* Small illustrative product scenes, using the shared Sovado card palette. */
.pl-module-preview { position:relative; flex:0 0 176px; height:176px; margin:-30px -30px 24px; padding:24px 20px 17px; border-bottom:1px solid #ebe7f4; border-radius:21px 21px 0 0; overflow:hidden; background:linear-gradient(135deg,#f7f5ff,#eeebfb); }
.pvm-example { position:absolute; top:8px; right:14px; z-index:3; color:#837a97; font-size:7px; line-height:1.4; letter-spacing:.04em; }
.pvm-scene { position:relative; height:100%; width:100%; max-width:310px; margin-inline:auto; font-size:10px; line-height:1.4; color:#34314b; }
.pvm-scene :is(strong,b) { font-weight:650; }
.pvm-scene .sv-icon { width:14px; height:14px; }
.pvm-scene small { display:block; font-size:8px; }
.pvm-agenda,.pvm-client,.pvm-team-card,.pvm-website-window { border:1px solid #e3ddeb; border-radius:11px; background:#fff; overflow:hidden; box-shadow:0 10px 25px #6650820d; }
.pvm-agenda { height:151px; transform:translateY(2px); }
.pvm-agenda-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 12px 8px; }
.pvm-agenda-top>strong { font-size:10px; }.pvm-agenda-top>span { font-size:7px; color:#91859f; }.pvm-agenda-top b { margin-left:6px; color:#61577c; }
.pvm-agenda-columns { display:grid; grid-template-columns:31px 1fr 1fr; font-size:8px; padding:0 10px 7px; text-align:center; color:#7b728d; }
.pvm-agenda-grid { display:grid; grid-template-columns:31px 1fr 1fr; margin-inline:9px; background:repeating-linear-gradient(to bottom,#efedf5 0,#efedf5 1px,transparent 1px,transparent 37px); }
.pvm-times { display:grid; grid-auto-rows:37px; padding-top:3px; background:#fff; color:#a198af; font-size:7px; }
.pvm-day { border-left:1px solid #efedf5; padding:3px; }
.pvm-event { min-height:33px; margin-bottom:4px; padding:4px 5px; border-left:2px solid #a58bdf; border-radius:4px; background:#eee8fc; }
.pvm-event strong { display:block; font-size:7px; line-height:1.45; }.pvm-event small { font-size:6px; color:#8b7ca3; margin-top:1px; }
.pvm-event-peach { border-color:#dfa68b; background:#fff0e6; }.pvm-event-mint { min-height:52px; border-color:#80bba5; background:#e6f4ec; }
.pvm-free { display:flex; align-items:center; justify-content:center; gap:3px; min-height:26px; color:#8d9c94; font-size:6px; }.pvm-free .sv-icon { width:9px; height:9px; }
.pvm-customer { background:linear-gradient(135deg,#f2faf5,#e8f3ee); border-bottom-color:#e1ece5; }
.pvm-client { padding:10px 12px; max-width:270px; margin:auto; }
.pvm-client-top { display:flex; align-items:center; gap:9px; }
.pvm-avatar { display:grid; place-items:center; width:31px; height:31px; flex-shrink:0; border-radius:50%; background:#eee7f8; color:#8570a0; font-size:10px; font-weight:700; }
.pvm-client-top strong { display:block; font-size:11px; }.pvm-client-top small { color:#9b91a7; font-size:7px; margin-top:2px; }
.pvm-client-heart { display:grid; place-items:center; width:23px; height:23px; margin-left:auto; border-radius:8px; background:#fff1f5; color:#bf8c9e; }.pvm-client-heart .sv-icon { width:12px; height:12px; }
.pvm-client-tags { display:flex; gap:5px; margin:6px 0; }.pvm-client-tags span { padding:3px 6px; border-radius:5px; background:#eef6f1; color:#7d9487; font-size:6px; }.pvm-client-tags span+span { background:#f5f2f9; color:#9586a8; }
.pvm-client-note { padding:6px 9px; border-radius:6px; background:#f9f7fc; }.pvm-client-note>span { display:block; font-size:6px; color:#aa9bb5; }
.pl-page .pvm-client-note p { font-size:8px; line-height:1.45; margin:3px 0 0; color:#746780; }
.pvm-client-history { display:flex; align-items:center; gap:5px; margin-top:9px; color:#a097aa; font-size:6px; }.pvm-client-history .sv-icon { width:10px; height:10px; color:#a18bb5; }.pvm-client-history b { color:#7b6f89; margin-left:auto; font-size:6px; }
.pvm-pos { background:linear-gradient(135deg,#fff7f0,#faece4); border-bottom-color:#f0e3da; }
.pvm-receipt { position:relative; max-width:220px; margin:0 auto; padding:11px 15px 12px; border:1px solid #eee2d9; border-radius:10px; background:#fff; box-shadow:0 10px 24px #9a674510; }
.pvm-receipt-top { display:grid; grid-template-columns:24px 1fr; align-items:center; column-gap:7px; margin-bottom:10px; }.pvm-receipt-top>span { grid-row:1/3; display:grid; place-items:center; width:24px; height:27px; border-radius:7px; background:#f9f1eb; color:#b89075; }.pvm-receipt-top strong { font-size:9px; }.pvm-receipt-top small { color:#b0a49b; font-size:6px; margin-top:2px; }
.pvm-receipt-line { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-block:4px; color:#8a7e76; font-size:8px; }.pvm-receipt-line b { color:#6f6056; }
.pvm-receipt-total { display:flex; align-items:center; justify-content:space-between; padding-top:9px; margin-top:6px; border-top:1px dashed #e9e0da; font-size:8px; color:#79685c; }.pvm-receipt-total strong { color:#584936; font-size:17px; letter-spacing:-.04em; }
.pvm-receipt-check { position:absolute; right:-13px; top:61px; display:grid; place-items:center; width:28px; height:28px; border:3px solid #faf0e9; border-radius:50%; background:#dff0e5; color:#5c9b76; }.pvm-receipt-check .sv-icon { width:13px; height:13px; }
.pvm-team { background:linear-gradient(135deg,#f4f8ff,#e9f1fb); border-bottom-color:#e3eaf3; }
.pvm-team-card { padding:12px 15px 10px; max-width:275px; margin:auto; }
.pvm-team-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }.pvm-team-top strong { font-size:10px; }.pvm-team-top>span { padding:3px 6px; border:1px solid #efedf6; border-radius:5px; color:#9f93ad; font-size:6px; }
.pvm-team-person { display:flex; align-items:center; gap:7px; }.pvm-team-avatar { display:grid; place-items:center; flex:0 0 23px; height:23px; border-radius:8px; background:#ece6fa; color:#9a80b6; font-size:8px; font-weight:650; }.pvm-team-avatar-mint { background:#e2f3eb; color:#83a594; }
.pvm-team-person strong { display:block; font-size:8px; }.pvm-team-person small { font-size:6px; color:#a198ac; margin-top:1px; }.pvm-team-status { margin-left:auto; color:#84a593; font-size:6px; }
.pvm-shift { display:flex; gap:3px; margin:6px 0 11px 30px; }.pvm-shift i { flex:1; height:6px; border-radius:3px; background:#bba9e5; }.pvm-shift .pvm-shift-pause { background:#f3ece6; }.pvm-shift-mint { margin-bottom:0; }.pvm-shift-mint i { background:#a4d1be; }.pvm-shift-mint .pvm-shift-pause { background:#f3ece6; }.pvm-shift .pvm-shift-off { background:#efedf3; }
.pvm-website { background:linear-gradient(135deg,#f6f2fc,#ede7f7); padding-top:21px; }
.pvm-website-window { position:relative; height:148px; max-width:290px; margin:auto; overflow:visible; }
.pvm-website-bar { display:flex; align-items:center; justify-content:space-between; padding:7px 10px; border-radius:10px 10px 0 0; background:#fff; }.pvm-website-bar>span { display:flex; gap:3px; }.pvm-website-bar i { width:4px; height:4px; border-radius:50%; background:#dfd8e9; }.pvm-website-bar small { font-size:7px; color:#978a8e; letter-spacing:-.02em; }.pvm-website-bar b { color:#afa4bb; font-size:8px; }
.pvm-website-cover { position:relative; height:134px; overflow:hidden; border-radius:0 0 10px 10px; background:#ece5db; }
.pl-page .pvm-website-cover img { width:100%; height:100%; object-fit:cover; object-position:center; }
.pvm-website-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#efeadf85,transparent 90%); }
.pvm-website-copy { position:absolute; z-index:1; left:16px; top:19px; color:#3e3e35; }.pvm-website-copy small { font-size:5px; letter-spacing:.12em; color:#777768; }.pvm-website-copy strong { display:block; font-size:19px; line-height:1.07; letter-spacing:-.05em; margin-top:5px; }.pvm-website-copy>span { display:inline-block; padding:5px 8px; border-radius:10px; margin-top:9px; background:#5c6353; color:#fff; font-size:5px; }
.pvm-website-booking { position:absolute; z-index:2; right:9px; bottom:8px; display:flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid #eeebe4; border-radius:8px; background:#fff; box-shadow:0 5px 15px #4439250d; }.pvm-website-booking>span { color:#8d7bae; }.pvm-website-booking>span .sv-icon { width:15px; height:15px; }.pvm-website-booking strong { display:block; font-size:7px; }.pvm-website-booking small { font-size:5px; color:#a698aa; margin-top:2px; }.pvm-website-booking>.sv-icon { width:10px; height:10px; margin-left:6px; color:#76a88d; }
.pvm-automation { background:linear-gradient(135deg,#f2f8f4,#eaf4ef); border-bottom-color:#e1ece5; }
.pvm-flow { max-width:245px; margin:auto; }
.pvm-flow-trigger { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid #e4e8e3; border-radius:9px; background:#fff; box-shadow:0 5px 15px #49655306; }.pvm-flow-trigger>span { color:#9180b5; }.pvm-flow-trigger strong { font-size:9px; }.pvm-flow-trigger>b { display:grid; place-items:center; width:17px; height:17px; margin-left:auto; border-radius:50%; background:#edf6ef; color:#85ac91; }.pvm-flow-trigger>b .sv-icon { width:10px; height:10px; }
.pvm-flow-connector { display:flex; flex-direction:column; align-items:center; height:32px; }.pvm-flow-connector i { width:1px; flex:1; background:#c9ddcf; }.pvm-flow-connector span { padding:2px 8px; border:1px solid #dfe9df; border-radius:7px; color:#879b8b; background:#f6faf7; font-size:6px; line-height:1.2; }
.pvm-flow-message { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border:1px solid #e1e4df; border-radius:10px; background:#fff; box-shadow:0 7px 18px #49655308; }.pvm-flow-message>span { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:9px; color:#9b87b9; background:#f2eef8; }.pvm-flow-message small { font-size:5px; color:#a798b4; letter-spacing:.06em; }.pvm-flow-message strong { display:block; font-size:12px; letter-spacing:-.02em; margin-top:4px; }
.pl-page .pvm-flow-message p { font-size:7px; line-height:1.4; margin:4px 0 0; color:#9d91a6; }
@media(max-width:1150px) { .pl-module-preview { margin:-25px -25px 24px; padding-inline:15px; }.pvm-scene { max-width:290px; } }
@media(max-width:560px) { .pl-module-preview { padding-inline:23px; }.pvm-scene { max-width:300px; } }