.printie{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;font:15px/1.5 Arial,sans-serif;color:#193d42}.printie *{box-sizing:border-box}.printie [hidden]{display:none!important}.printie button,.printie input{font:inherit}.printie .printie-toggle{background:#ff784f!important;color:#123d42!important;border:0;border-radius:28px;padding:14px 20px;box-shadow:0 6px 24px #b83d2026;cursor:pointer;font-weight:700}.printie-toggle span{margin-left:18px}.printie section{position:absolute;right:0;bottom:64px;width:380px;max-height:min(680px,calc(100dvh - 110px));display:flex;flex-direction:column;background:#faf8f3;border:1px solid #d8dfda;border-radius:20px;box-shadow:0 16px 60px #193d4240;overflow:hidden}.printie-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#ff784f;color:#123d42}.printie-head strong{font-size:22px}.printie-head small{display:block;font-size:12px}.printie .printie-close{background:transparent!important;color:#123d42!important;border:0;font-size:28px;width:44px;height:44px;cursor:pointer}.printie-mode{padding:8px 16px;margin:0;background:#e9efec;font-size:12px}.printie-log{padding:12px 16px;min-height:110px;max-height:280px;overflow-y:auto;overscroll-behavior:contain}.printie-bubble{white-space:pre-wrap;border-radius:12px;padding:11px 13px;margin:0 24px 10px 0;background:white;border:1px solid #e1e6e2;overflow-wrap:anywhere}.printie-bubble.user{margin-left:24px;margin-right:0;background:#e5eeea}.printie-topics{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}.printie .printie-topics button{background:#fff!important;color:#193d42!important;border:1px solid #b7c8c4;border-radius:18px;padding:7px 10px;font-size:12px;cursor:pointer;min-height:34px}.printie-form{padding:0 16px}.printie-form label{display:block;font-weight:700;font-size:12px;margin-bottom:4px}.printie-form>div{display:flex;gap:6px}.printie input{width:100%;min-width:0;border:1px solid #9fb2ae;border-radius:8px;padding:10px;font-size:16px;background:#fff;color:#193d42}.printie-form button{background:#ff784f!important;color:#123d42!important;border:0;border-radius:8px;padding:8px 10px;cursor:pointer}.printie button:disabled{opacity:.5;cursor:wait}.printie :focus-visible{outline:3px solid #ba6678;outline-offset:2px}.printie-status{font-size:12px;margin:4px 16px;min-height:18px}.printie footer{padding:8px 16px 12px;border-top:1px solid #d8dfda;display:flex;flex-wrap:wrap;gap:5px 14px;background:transparent}.printie footer a{font-size:12px;color:#193d42;text-decoration:underline}.printie-privacy{display:block;width:100%;font-size:10px;color:#526863}@media(max-width:480px){.printie{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.printie section{width:calc(100vw - 24px);bottom:62px;max-height:calc(100dvh - 90px)}.printie-log{max-height:28dvh}.printie-topics{gap:4px}.printie .printie-toggle{padding:12px 16px}}

.printie .printie-toggle:hover,.printie-form button:hover{filter:brightness(.95)}
.printie.printie-home{position:static;display:flex;flex:1;min-width:0}.printie-home .printie-toggle{width:100%;min-height:48px;border-radius:9px;padding:13px 16px;box-shadow:none;font-weight:600}.printie-home .printie-toggle span{margin-left:0}.printie-home section{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));max-height:calc(100dvh - 48px)}
@media(max-width:480px){.printie-home section{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 24px)}}

@media(max-width:600px){.printie.printie-product{position:static;margin-top:18px}.printie-product .printie-toggle{width:100%;border-radius:8px;box-shadow:none}.printie-product section{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}

.printie-price-card{background:#fff;border:2px solid #193d42;border-radius:12px;padding:14px;margin:10px 0}.printie-price-card p{margin:5px 0}.printie-price-card .printie-price{font-size:30px;font-weight:700;line-height:1.15}.printie-price-card details{font-size:12px;margin:10px 0}.printie-price-card summary{cursor:pointer;min-height:30px}.printie-price-card ul{padding-left:18px}.printie-price-card small{display:block;margin-top:9px;font-size:11px}.printie .printie-continue{display:block;background:#193d42;color:white;text-align:center;border-radius:7px;padding:11px;text-decoration:none;font-weight:700}.printie-product-link{display:block;color:#193d42;margin:8px 0}.printie footer .printie-reset{padding:4px 0;border:0;background:transparent;color:#193d42;text-decoration:underline;font-size:12px;cursor:pointer}.printie-status{white-space:normal}@media(max-width:480px){.printie-log{max-height:40dvh}.printie-privacy{font-size:10px}}

.printie-price-card{font-size:13px;line-height:1.3;padding:12px;margin:6px 0}.printie-price-card p{margin:3px 0}.printie-price-card .printie-price{font-size:28px}.printie-price-card details{margin:5px 0}.printie-price-card summary{min-height:22px}.printie-price-card small{margin-top:6px;font-size:10px}.printie .printie-continue{padding:10px;min-height:40px}

.printie-topic-menu{padding:0 16px;margin:0 0 8px;font-size:12px;flex-shrink:0}.printie-topic-menu>summary{cursor:pointer;padding:6px 0;min-height:30px}.printie-topic-menu .printie-topics{padding:4px 0}.printie-log{max-height:330px;min-height:150px}.printie-form,.printie-head,.printie footer{flex-shrink:0}@media(max-width:480px){.printie-log{max-height:40dvh;min-height:100px}}

/* Isolate the panel from product-page section and form dimensions. */
.printie #printie-panel{height:min(680px,calc(100dvh - 110px))!important;max-height:min(680px,calc(100dvh - 110px));min-height:0;gap:0}.printie .printie-log{flex:1 1 auto;min-height:0;max-height:none;position:relative}.printie .printie-mode{flex-shrink:0}.printie .printie-form label{margin:0 0 4px}.printie .printie-form input,.printie .printie-form button{min-height:44px;height:44px;margin:0}.printie footer .printie-reset{min-height:26px;height:26px;margin:0;background:transparent!important;color:#193d42!important}.printie .printie-privacy{line-height:1.3}.printie-home #printie-panel{height:min(680px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)}@media(max-width:600px){.printie-product #printie-panel{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)}}@media(max-width:480px){.printie-home #printie-panel{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)}}

.printie-product #printie-panel{position:fixed;right:24px;bottom:24px;height:min(680px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)}@media(max-width:600px){.printie-product #printie-panel{right:12px;bottom:12px;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)}}

.printie-process{font-size:12px;line-height:1.45;padding:8px 16px;margin:0;background:#fff5e9;color:#193d42;flex-shrink:0}
.printie.printie-product,.printie.printie-catalog{position:static;margin:16px 0 24px}
.printie-catalog #printie-panel{position:fixed;right:24px;bottom:24px}
@media(max-width:600px){.printie-catalog .printie-toggle{min-height:84px;margin-top:0}.printie-catalog .printie-toggle .printie-mascot{width:62px;height:72px}.printie-catalog #printie-panel{right:12px;bottom:12px}}

/* A welcoming character and a generous invitation to ask a question. */
.printie .printie-toggle{display:flex;align-items:center;gap:10px;width:8cm;max-width:calc(100vw - 24px);min-height:112px;padding:8px 16px 8px 8px;border-radius:20px;text-align:left;box-shadow:0 8px 28px #193d4226}
.printie-toggle .printie-mascot{display:block;width:90px;height:104px;object-fit:contain;flex:none}
.printie-toggle span{margin-left:0}
.printie-toggle .printie-invite{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;line-height:1.3}
.printie-invite strong{font-size:17px;white-space:nowrap}
.printie-invite>span{font-size:14px;font-weight:500}
.printie-toggle .printie-arrow{font-size:23px;flex:none}
.printie-toggle .printie-invite strong{white-space:normal}
.printie-head{gap:10px}
.printie-head .printie-avatar{width:44px;height:52px;object-fit:contain;flex:none}
.printie-head>div{flex:1}
.printie-home .printie-toggle{width:8cm;max-width:100%;box-shadow:none}
.contact-actions .printie-slot{flex:1 1 100%;min-width:0}
.printie:not(.printie-home):not(.printie-product) #printie-panel{position:fixed;right:24px;bottom:24px;height:min(680px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)}
@media(max-width:600px){.printie .printie-toggle{min-height:100px;padding:8px 12px;gap:8px}.printie-toggle .printie-mascot{width:76px;height:88px}.printie-invite strong{font-size:16px}.printie-product .printie-toggle{width:8cm;max-width:100%}.printie:not(.printie-home):not(.printie-product) #printie-panel{right:12px;bottom:12px;width:calc(100vw - 24px);height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)}}
@media(max-width:600px){.printie.printie-catalog .printie-toggle{min-height:84px;margin-top:0}.printie.printie-catalog .printie-mascot{width:62px;height:72px}}
.printie.printie-inline{position:static;margin:16px 0 24px}
/* Keep the conversation comfortably readable on every screen. */
.printie #printie-panel{position:fixed!important;width:min(580px,calc(100vw - 48px));right:24px;bottom:24px;height:min(860px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important}
.printie .printie-log{font-size:16px;line-height:1.55}
.printie #printie-panel>.printie-head,.printie #printie-panel>.printie-process,.printie #printie-panel>.printie-mode,.printie #printie-panel>.printie-form,.printie #printie-panel>footer{flex-shrink:0}
@media(max-width:1024px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 .printie #printie-panel{right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .printie .printie-head{padding:10px 16px}
 .printie .printie-process{padding:8px 16px}
 .printie .printie-mode{padding:6px 16px}
 .printie .printie-form{padding:8px 16px 0}
 .printie .printie-bubble{margin-right:12px}
}
@media(max-width:600px){.printie.printie-inline .printie-toggle{min-height:84px;margin-top:0}.printie.printie-inline .printie-mascot{width:62px;height:72px}}

.printie .printie-mode{display:none}
.printie .printie-form .printie-voice{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;margin:6px 0 0;padding:8px 12px;background:#e9efec!important;color:#123d42!important;border:1px solid #a9bfbb;border-radius:8px;font-size:14px;cursor:pointer}
.printie .printie-form .printie-voice[aria-pressed="true"]{background:#ff784f!important;border-color:#123d42}

.printie .printie-toggle,.printie-mobile-slot .printie-home .printie-toggle{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0;padding:0;overflow:hidden;min-height:0}
.printie-toggle .printie-mascot{justify-self:center;width:90px;height:104px;margin:12px 0}
.printie-toggle .printie-invite{padding:12px 12px 12px 0;gap:6px}
.printie-toggle .printie-arrow{display:none}
.printie-toggle .printie-start{grid-column:1 / -1;align-self:stretch;justify-content:center;width:100%;min-height:60px;margin:0;padding:16px;border-radius:0;background:#111;color:#fff;font-size:20px}
.printie .printie-toggle:hover .printie-start{background:#111}
.printie .printie-toggle{animation:printie-outer-glow 2.4s ease-in-out infinite}
@keyframes printie-outer-glow{0%,20%,100%{box-shadow:0 8px 22px #123d4238}45%,70%{box-shadow:0 0 0 3px #ffb64a66,0 9px 30px 6px #ff784f60}}
@media(prefers-reduced-motion:reduce){.printie .printie-toggle,.printie-toggle .printie-start{animation:none}}

.printie .printie-toggle,.printie-mobile-slot .printie-home .printie-toggle{display:flex;flex-direction:column}
.printie-toggle .printie-welcome{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:16px;margin:0}
.printie-toggle .printie-welcome .printie-mascot{width:90px;height:104px;margin:0}
.printie-toggle .printie-welcome .printie-invite{flex:0 1 auto;padding:0;max-width:260px}
@media(min-width:681px) and (max-width:1024px),(min-width:681px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
 .printie-mobile-slot .printie-welcome{padding:20px;gap:22px}
 .printie-mobile-slot .printie-welcome .printie-mascot{width:110px;height:128px}
 .printie-mobile-slot .printie-invite strong{font-size:24px}
 .printie-mobile-slot .printie-invite>span{font-size:18px}
}

.printie-toggle .printie-start{text-align:center;justify-content:center}
.printie-toggle .printie-invite{text-align:center;align-items:center}

.printie-toggle .printie-start{display:flex;align-items:center;justify-content:center;height:60px;min-height:60px;padding:0 16px;margin:0;line-height:1.2}

.printie .printie-form{padding:14px 16px 8px;background:#fff;border-bottom:1px solid #d8dfda;flex-shrink:0}
.printie .printie-form label{font-size:15px;margin-bottom:8px}
.printie .printie-status{flex-shrink:0;margin:6px 16px;min-height:0;font-size:13px}
.printie .printie-status:empty{display:none}
.printie .printie-log{padding-top:16px}
.printie .printie-log:empty::before{content:'Je antwoord verschijnt hier.';display:block;font-size:14px;color:#526863}
.printie .printie-more{flex-shrink:0;border-top:1px solid #d8dfda;max-height:35dvh;overflow-y:auto;background:#f3f5f2}
.printie .printie-more>summary{padding:12px 16px;min-height:44px;font-size:13px;cursor:pointer}
.printie .printie-more footer{border-top:0}
.printie .printie-more .printie-topic-menu{margin:0;padding:0 16px 10px}

.printie-home .printie-toggle .printie-welcome .printie-invite{position:relative;flex:0 1 260px}
.printie-home .printie-invite>span{position:absolute;top:calc(100% + 6px);left:0;width:100%;margin:0}

@media(prefers-reduced-motion:reduce){.printie-home .printie-toggle{box-shadow:0 8px 22px #123d4238}}

.printie .printie-log{overflow-anchor:none;scroll-behavior:auto}

.printie .printie-continue{animation:printie-order-glow 2.4s ease-in-out infinite}
@keyframes printie-order-glow{0%,20%,100%{box-shadow:0 2px 5px #123d4220}45%,70%{box-shadow:0 0 0 3px #ffb64a88,0 0 12px 2px #ff784f70}}
@media(prefers-reduced-motion:reduce){.printie .printie-continue{animation:none}}



/* The software keyboard must not cover the conversation or close control. */
@media(max-width:1024px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 .printie #printie-panel{top:var(--printie-viewport-top,0px)!important;bottom:auto!important;height:var(--printie-viewport-height,100dvh)!important;max-height:var(--printie-viewport-height,100dvh)!important}
 .printie .printie-head{padding:8px 16px}
 .printie .printie-form{padding:10px 16px 8px}
}
@media(max-height:500px){.printie .printie-head .printie-avatar{height:32px;width:28px}.printie .printie-head small{display:none}.printie .printie-form .printie-voice{display:none}.printie .printie-form label{font-size:14px;margin-bottom:4px}.printie .printie-more>summary{padding:6px 16px;min-height:32px}}

/* Read the question, answer below it, then continue after a confirmed price. */
.printie .printie-form{border-top:1px solid #d8dfda;border-bottom:0}
.printie .printie-product-link{display:block;background:transparent;color:#193d42;font-size:14px;font-weight:400;line-height:1.4;text-align:left;padding:10px 4px;min-height:44px;text-decoration:underline;border:0;border-radius:0;box-shadow:none;animation:none}
.printie .printie-log:empty::before{content:'Vertel welk product, formaat en aantal je nodig hebt.'}
@media(max-width:1024px){.printie .printie-head strong{font-size:20px}.printie .printie-head .printie-avatar{height:40px;width:34px}.printie .printie-form{padding:10px 16px}.printie .printie-form .printie-voice{font-size:13px;padding:5px 10px;min-height:36px}}

.printie #printie-input::placeholder{color:#737373;opacity:1}
@media(max-width:680px){.printie #printie-input::placeholder{font-size:12px}}

/* Compact the actual visible viewport when a software keyboard opens. */
@media(max-width:1024px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 .printie.printie-compact #printie-panel{padding-top:0;padding-bottom:0}
 .printie.printie-compact .printie-head{padding:4px 12px;min-height:48px}
 .printie.printie-compact .printie-head .printie-avatar{width:24px;height:28px}
 .printie.printie-compact .printie-head small{display:none}
 .printie.printie-compact .printie-head strong{font-size:18px}
 .printie.printie-compact .printie-form{padding:6px 12px 8px}
 .printie.printie-compact .printie-form label{font-size:14px;margin-bottom:4px}
 .printie.printie-compact .printie-form .printie-voice,.printie.printie-compact .printie-more{display:none}
 .printie.printie-compact .printie-log{padding:8px 12px;font-size:15px;min-height:0;flex:1 1 0;overscroll-behavior:contain}
 .printie.printie-compact .printie-status{margin:4px 12px;font-size:12px}
}
.printie #printie-input:focus-visible{outline-color:#193d42}

/* Keep the product action visible above the answer field. */
.printie .printie-action-bar{flex:0 0 auto;padding:0 12px 8px}
.printie .printie-action-bar:empty{display:none}
.printie .printie-action-bar a{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;min-height:44px;padding:10px 14px;margin:0;font-size:15px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;border:0;border-radius:6px;box-sizing:border-box}
.printie .printie-action-bar a:focus-visible{outline:3px solid #f58150;outline-offset:2px}

.printie .printie-head .printie-reset{flex:none;min-height:44px;margin:0;padding:6px 10px;background:#111;color:#fff;border:0;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.printie .printie-head .printie-reset:disabled{opacity:.5;cursor:wait}
@media(max-width:360px){.printie .printie-head{gap:6px}.printie .printie-head .printie-reset{padding:6px 8px;font-size:12px}.printie .printie-head small{display:none}}

@media(min-width:1025px) and (hover:hover) and (pointer:fine){
 .salon-home .printie-desktop-slot .printie-home .printie-toggle{width:min(820px,100%);height:92px;min-height:92px;flex-direction:row;border-radius:14px;animation:none;box-shadow:none}
 .salon-home .printie-desktop-slot .printie-welcome{flex:1;min-width:0;width:auto;height:92px;padding:9px 24px;gap:18px}
 .salon-home .printie-desktop-slot .printie-welcome .printie-mascot{width:64px;height:74px;flex:none}
 .salon-home .printie-desktop-slot .printie-welcome .printie-invite{flex:0 1 auto;max-width:none;text-align:left;align-items:flex-start;gap:5px}
 .salon-home .printie-desktop-slot .printie-invite strong{font-size:22px}
 .salon-home .printie-desktop-slot .printie-invite>span{position:static;width:auto;font-size:15px;margin:0}
 .salon-home .printie-desktop-slot .printie-start{flex:0 0 280px;width:auto;height:92px;min-height:92px;padding:0 24px;font-size:22px}
}

.printie-choice-buttons{display:grid;gap:8px;margin:12px 0}.printie-choice-buttons button{width:100%;padding:12px 14px;text-align:left;background:white;color:#123d42;border:1px solid #9bb5b1;border-radius:10px;font:600 15px/1.4 Inter,Arial,sans-serif;cursor:pointer}.printie-choice-buttons button:hover{background:#e9efec}.printie-choice-buttons button:disabled{opacity:.6;cursor:wait}

.printie .printie-log>.printie-action-bar{padding:0;margin:14px 0 18px}.printie .printie-action-bar button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;background:#111;color:#fff;border:0;border-radius:6px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}

@keyframes order-glow{0%,100%{box-shadow:0 0 0 0 rgba(237,133,87,.12)}50%{box-shadow:0 0 0 4px rgba(237,133,87,.28),0 0 18px rgba(237,133,87,.2)}}
.order-shortcut{animation:order-glow 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.order-shortcut{animation:none}}