/* Eichhörnchen mit kompakter Sprechblase; fest am Bildschirmrand. */
.skopek-service-popup[hidden] { display:none !important; }
.skopek-service-popup { position:fixed; right:20px; bottom:24px; z-index:1900000; width:460px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 48px); overflow-y:auto; display:flex; align-items:flex-end; gap:6px; padding:8px; box-sizing:border-box; color:#333; font-family:'Titillium-Regular',sans-serif; text-align:left; }
.skopek-service-popup__mascot { display:block; width:134px; height:auto; flex:0 0 134px; align-self:flex-end; margin-bottom:18px; filter:drop-shadow(0 5px 6px #0002); }
.skopek-service-popup__bubble { position:relative; flex:1; min-width:0; padding:24px 20px 20px; background:#fff; border:1px solid #dce7de; border-top:5px solid #23823e; border-radius:18px 18px 18px 4px; box-shadow:0 5px 18px #0002; }
.skopek-service-popup__bubble::before { content:''; position:absolute; left:-10px; bottom:60px; width:18px; height:18px; background:white; border-left:1px solid #dce7de; border-bottom:1px solid #dce7de; transform:rotate(45deg); }
.skopek-service-popup__close { position:absolute; top:4px; right:5px; display:grid; place-items:center; width:28px; height:28px; border:0; border-radius:50%; padding:0; background:transparent; color:#637067; font:23px/1 sans-serif; cursor:pointer; }
.skopek-service-popup__close:hover { background:#edf4ee; }
.skopek-service-popup h2 { margin:0 8px 18px 0; padding:0; font-size:22px; line-height:1.25; color:#23823e; text-align:left; }
.skopek-service-popup h3 { margin:0 0 4px; padding:0; font-size:17px; line-height:1.3; color:#333; text-align:left; }
.skopek-service-popup p { margin:0 0 12px; font-size:15px; line-height:1.4; text-align:left; }
.skopek-service-popup__offer + .skopek-service-popup__offer { border-top:1px solid #e6ece7; padding-top:16px; margin-top:16px; }
.skopek-service-popup .skopek-service-popup__link { display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #23823e; border-radius:9px; padding:11px 13px; background:linear-gradient(135deg,#298e47,#1a7034); color:white; box-shadow:0 3px 8px #23823e22; text-decoration:none; font-size:16px; line-height:1.3; font-weight:bold; transition:background .15s,box-shadow .15s; }
.skopek-service-popup .skopek-service-popup__link--shop { background:#edf6ef; color:#1c7435; box-shadow:none; }
.skopek-service-popup .skopek-service-popup__link:hover { background:#165d2b; color:white; box-shadow:0 4px 12px #23823e33; }
.skopek-service-popup :focus-visible { outline:3px solid #c20e1a; outline-offset:3px; }
@media(max-width:900px) { .skopek-service-popup { right:6px; bottom:calc(var(--skopek-footer-h,54px) + 16px + env(safe-area-inset-bottom,0px)); max-height:calc(100dvh - var(--skopek-footer-h,54px) - 100px); } }
@media(max-width:520px) { .skopek-service-popup { width:360px; max-width:calc(100vw - 12px); gap:2px; } .skopek-service-popup__mascot { width:85px; flex-basis:85px; margin-bottom:26px; } .skopek-service-popup__bubble { padding:24px 14px 16px; } .skopek-service-popup h2 { font-size:20px; } .skopek-service-popup .skopek-service-popup__link { font-size:15px; padding:10px; } }
@media(prefers-reduced-motion:reduce) { .skopek-service-popup .skopek-service-popup__link { transition:none; } }