@font-face{font-family:'Swipe Work';src:url('/SKINS/NL-GEBOORTEKAARTJES/css/fonts/Work_Sans/work-sans-v24-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Swipe Work';src:url('/SKINS/NL-GEBOORTEKAARTJES/css/fonts/Work_Sans/work-sans-v24-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
.sw-discover,.sw-birthday{margin:0;background:#fff4f6;color:#342b38;font:400 16px/1.5 'Swipe Work',sans-serif;--papier:#fff4f6;--kaart:#fff;--teal:#8c3654;--teal2:#8c3654;--rand:#eadce2;--grijs:#756773;--lila:#f0e2e7}
.sw-discover *,.sw-card-dialog *{box-sizing:border-box}.sw-discover-header{background:#fff;border-bottom:1px solid #eadce2;padding:0 20px}.sw-discover-header-inner{max-width:932px;height:71px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.sw-discover-header a{min-height:44px;display:flex;align-items:center}.sw-discover-header img{width:220px;max-width:100%;height:auto}.sw-discover-home{width:44px;flex:none;justify-content:center;border:1px solid #eadce2;border-radius:50%;color:#8c3654}.sw-discover-home svg{width:22px;height:22px}
.sw-card-page{padding:20px;max-width:960px;margin:auto}.sw-card-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;color:#8c3654;text-decoration:none}
.sw-card-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,920px);max-width:100%;height:calc(100dvh - max(16px,env(safe-area-inset-top)));max-height:calc(100dvh - 16px);padding:0;border:0;border-radius:28px 28px 0 0;background:#fff;color:#342b38;font:400 16px/1.5 'Swipe Work','NS Work',sans-serif;overflow:hidden;box-shadow:0 -8px 50px #342b3826}.sw-card-dialog[open]{display:flex;flex-direction:column}.sw-card-dialog::backdrop{background:#342b3866;backdrop-filter:blur(3px)}
.sw-card-handle{height:20px;flex:none;display:grid;place-items:center}.sw-card-handle span{height:4px;width:36px;background:#d9c4ce;border-radius:4px}.sw-card-head{min-height:62px;display:flex;align-items:center;gap:12px;flex:none;padding:4px 16px 12px;border-bottom:1px solid #eadce2;touch-action:none}.sw-card-head>span{flex:1;font-weight:600;text-align:center}.sw-card-head>a{display:grid;place-items:center;min-width:44px;min-height:44px}.sw-card-head img{border-radius:9px}.sw-card-close{display:flex;align-items:center;gap:4px;min-height:44px;border:0;background:#fff;color:#8c3654;font:inherit;padding:0 8px 0 0;cursor:pointer}.sw-card-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.sw-card-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:#d9c1cd transparent}.sw-card-content{padding:20px 20px max(24px,env(safe-area-inset-bottom));max-width:960px;margin:auto}.sw-card-photo{display:block;width:100%;height:clamp(230px,42dvh,470px);object-fit:contain;background:#fff;border-radius:16px}.sw-card-thumbs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.sw-card-thumbs:empty{display:none}.sw-card-thumbs button{width:60px;height:60px;cursor:pointer;padding:4px;border:1px solid #eadce2;border-radius:10px;background:#fff}.sw-card-thumbs button[aria-pressed=true]{border:2px solid #8c3654}.sw-card-thumbs img{width:100%;height:100%;object-fit:contain}.sw-card-info h1{font:600 24px/1.25 'Swipe Work',sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere;margin:20px 0 12px}.sw-card-info p{font-size:16px;margin:12px 0;color:#756773}.sw-card-info .sw-card-price{color:#8c3654;font-weight:600}.sw-card-info dl>div{padding:12px 0;border-top:1px solid #eadce2}.sw-card-info dt{font-weight:600}.sw-card-info dd{margin:4px 0 0;color:#756773}.sw-card-shop,.sw-card-retry{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 16px;background:#8c3654;border:0;border-radius:14px;color:#fff;text-decoration:none;font:600 16px/1.4 'Swipe Work',sans-serif}.sw-card-note{text-align:center}.sw-card-loading{padding:24px}.sw-card-retry{margin:20px;cursor:pointer}.sw-card-dialog :is(a,button):focus-visible,.sw-discover :is(a,button):focus-visible{outline:3px solid #36786b;outline-offset:3px}
.sw-birthday .balk{background:transparent}.sw-birthday .balk-inner{max-width:932px;justify-content:flex-end}.sw-birthday .app{max-width:960px;padding:20px}.sw-birthday-intro{text-align:center;margin:0 0 24px}.sw-birthday-intro h1{font:600 27px/1.2 'Swipe Work',sans-serif;letter-spacing:-.6px;margin:0 0 8px}.sw-birthday-intro p{margin:0;color:#756773}.sw-birthday .studio{margin-top:0}.sw-birthday .titel{font-family:'Swipe Work',sans-serif;font-weight:600;letter-spacing:-.7px}.sw-birthday .footer{max-width:920px}.sw-birthday.sw-install-banner-visible .footer{padding-bottom:calc(24px + var(--sw-install-banner-space,120px) + env(safe-area-inset-bottom))}.sw-birthday #persoonmodal{background:#fff;border-radius:24px;color:#342b38}.sw-birthday #persoontitel{font:600 25px/1.2 'Swipe Work',sans-serif;letter-spacing:-.5px}.sw-birthday .persoon-bekijk{border-radius:14px}.sw-birthday #naamformulier input{border-radius:12px;border:1px solid #cfbdc6;background:#fff;padding:12px;min-height:52px}.sw-birthday .persoon-sluit{border:1px solid #eadce2;background:#fff;border-radius:50%;width:44px;height:44px}.sw-birthday .vel{border-radius:28px 28px 0 0}.sw-birthday .jaren{scrollbar-width:thin;scrollbar-color:#d9c1cd transparent}
@media(min-width:700px){.sw-card-dialog{inset:0;margin:auto;height:min(800px,calc(100dvh - 48px));border-radius:24px}.sw-card-handle{display:none}.sw-card-head{padding-top:12px}.sw-card-content{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:28px}.sw-card-info h1{margin-top:0}}
@media(max-width:699px){.sw-birthday .balk{display:none}.sw-birthday .studio{max-width:440px;margin:auto}.sw-birthday .app{padding:24px 20px}.sw-birthday .deckwrap{max-width:360px;width:100%;margin:auto}.sw-birthday .footer{max-width:400px}}
@media(display-mode:standalone){.sw-discover-header{padding-top:env(safe-area-inset-top)}}
/* Keep the same readable scale as the swipe screens. */
.sw-birthday .titel{font-size:clamp(28px,3.2vw,40px);line-height:1.15}.sw-birthday .footer .apple-provider{font-size:16px;gap:8px}.sw-birthday .footer .apple-provider img{width:24px;height:24px}
@media(max-width:699px){.sw-birthday .deckwrap{max-width:min(320px,36svh)}.sw-birthday-intro h1{font-size:25px}.sw-birthday .studio{gap:18px}}

/* Launcher names stay on one line, including the third choice on small phones. */
.sg-launch-choice strong{white-space:nowrap}
@media(max-width:480px){.sg-launch-choice{gap:12px;padding:14px}.sg-launch-choice>span{min-width:0}.sg-launch-choice i{flex:0 0 50px;width:50px;height:64px}.sg-launch-choice>b{flex:none}.sg-launch-choice strong{font-size:clamp(22px,6.6vw,27px)}}
@media(max-width:350px){.sg-launch-main{padding-inline:16px}.sg-launch-choice i{flex-basis:36px;width:36px;height:50px}.sg-launch-choice{gap:10px}}

/* Give the webshop invitation two readable lines, without shrinking its text. */
@media(max-width:480px){
  .sg-launch-shop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}
  .sg-launch-shop>span{display:contents}
  .sg-launch-shop i{grid-column:1;grid-row:1;height:44px}
  .sg-launch-shop strong{grid-column:2;grid-row:1}
  .sg-launch-shop>b{grid-column:3;grid-row:1}
  .sg-launch-shop small{grid-column:1/-1;grid-row:2;margin-top:0}
}
