.wh-gratis{--wh-g-accent: #f9c04e;--wh-g-accent-hover: #f2b232;--wh-g-green: #2d6a3e;--wh-g-line: #e3e3e3;--wh-g-soft: #fafafa;--wh-g-muted: #5c5650;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;color:#1c1c1c}.wh-gratis[hidden]{display:none}.wh-gratis p{margin:0}html.wh-gratis-lock{overflow:hidden}.wh-gratis__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1c1c73;opacity:0;transition:opacity .2s ease}.wh-gratis__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:760px;max-height:min(86vh,760px);border-radius:20px;background:#fff;box-shadow:0 20px 60px #0000002e;opacity:0;transform:translateY(16px);transition:opacity .2s ease,transform .2s ease;overflow:hidden}.wh-gratis.is-open .wh-gratis__backdrop{opacity:1}.wh-gratis.is-open .wh-gratis__panel{opacity:1;transform:none}.wh-gratis__close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--wh-g-soft);color:#1c1c1c;cursor:pointer}.wh-gratis__close svg{width:18px;height:18px}.wh-gratis__head{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 56px 8px;text-align:center}.wh-gratis__badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--wh-g-accent)}.wh-gratis__badge svg{width:20px;height:20px}.wh-gratis__badge--info{background:#fef6e4;border:1.5px solid var(--wh-g-accent)}.wh-gratis__heading{margin:0}.wh-gratis__text{max-width:640px;font-size:14px;line-height:1.45;color:var(--wh-g-muted)}.wh-gratis__body{flex:1 1 auto;padding:0 20px 12px;overflow-y:auto;overscroll-behavior:contain}.wh-gratis__group{display:flex;align-items:center;gap:8px;margin:10px 0 8px!important}.wh-gratis__group-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--wh-g-accent)}.wh-gratis__group-icon svg{width:16px;height:16px}.wh-gratis__group-label{font-family:var(--heading-font-family);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.wh-gratis__group-amount{padding:3px 9px;border-radius:999px;background:#2d6a3e1f;color:var(--wh-g-green);font-size:12px;font-weight:600}.wh-gratis__text strong{color:#1c1c1c;font-weight:700}.wh-gratis__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wh-gratis__card{display:flex;flex-direction:column;gap:5px;padding:8px;border:1.5px solid transparent;border-radius:14px;background:var(--wh-g-soft)}.wh-gratis__card.is-current{border-color:var(--wh-g-green)}.wh-gratis__media{position:relative;aspect-ratio:5 / 4;border-radius:10px;background:#fff;overflow:hidden}.wh-gratis__media img{display:block;width:100%;height:100%;object-fit:contain}.wh-gratis__title{font-size:13px;line-height:1.3;font-weight:600}.wh-gratis__price{font-size:13px}.wh-gratis__price s{color:var(--wh-g-muted)}.wh-gratis__price span{margin-left:4px;color:var(--wh-g-green);font-weight:600}.wh-gratis__sizes{display:flex;flex-wrap:wrap;gap:6px}.wh-gratis__size{min-width:40px;padding:6px 10px;border:1.5px solid var(--wh-g-line);border-radius:999px;background:#fff;color:#1c1c1c;font-size:12px;line-height:1.2;cursor:pointer}.wh-gratis__size[aria-checked=true]{border-color:#1c1c1c;background:#1c1c1c;color:#fff}.wh-gratis__add{margin-top:auto;padding:9px 10px;border:0;border-radius:999px;background:var(--wh-g-accent);color:#1c1c1c;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.wh-gratis__add:hover:not([disabled]){background:var(--wh-g-accent-hover)}.wh-gratis__add[disabled]{opacity:.45;cursor:default}.wh-gratis__add.is-loading{opacity:.6;cursor:progress}.wh-gratis__legal{display:flex;align-items:flex-start;gap:8px;flex:none;margin:0 20px!important;padding:8px 12px;border:1px solid #f3c4c4;border-radius:12px;background:#fdf0f0;color:#5a2a2a;font-size:11.5px;line-height:1.4}.wh-gratis__legal-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:#d32f2f;color:#fff;font-size:13px;font-weight:700;line-height:1}.wh-gratis__error{margin:0 20px 8px!important;padding:10px 12px;border-radius:12px;background:#fdecec;color:#a12020;font-size:13px}.wh-gratis__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:8px;padding:8px 20px 14px}.wh-gratis__panel--verloren{max-width:440px}.wh-gratis__panel--verloren .wh-gratis__foot{margin-top:0}.wh-gratis__remove,.wh-gratis__secondary{padding:6px 4px;border:0;background:none;color:var(--wh-g-muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wh-gratis__secondary:hover{color:#1c1c1c}.wh-gratis__panel--verloren .wh-gratis__secondary{padding:10px 18px;border-radius:999px;background:var(--wh-g-accent);color:#1c1c1c;font-weight:600;text-decoration:none}@media screen and (max-width:699px){.wh-gratis{align-items:flex-end;padding:0}.wh-gratis__panel{max-height:88vh;max-height:88dvh;border-radius:20px 20px 0 0}.wh-gratis__head{gap:2px;padding:14px 48px 6px}.wh-gratis__badge{display:none}.wh-gratis__heading{font-size:15px}.wh-gratis__text{font-size:12.5px;line-height:1.4}.wh-gratis__body{padding:0 12px 8px}.wh-gratis__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wh-gratis__group{margin:10px 0 8px!important}.wh-gratis__group-icon{width:26px;height:26px}.wh-gratis__group-icon svg{width:16px;height:16px}.wh-gratis__group-label{font-size:13px}.wh-gratis__card{gap:4px;padding:6px;border-radius:12px}.wh-gratis__media{border-radius:8px}.wh-gratis__title,.wh-gratis__price{font-size:11px}.wh-gratis__price span{margin-left:2px}.wh-gratis__sizes{gap:4px}.wh-gratis__size{min-width:0;padding:5px 7px;font-size:11px}.wh-gratis__add{padding:8px 4px;font-size:11px}.wh-gratis__legal{margin:0 12px!important;padding:7px 10px;font-size:10.5px}.wh-gratis__foot{padding:6px 12px calc(10px + env(safe-area-inset-bottom))}}.wh-gratis-toast{position:fixed;left:50%;bottom:24px;z-index:2147483000;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:999px;background:#2d6a3e;color:#fff;font-size:14px;box-shadow:0 10px 30px #0000002e;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease}.wh-gratis-toast.is-visible{opacity:1;transform:translate(-50%)}.wh-cart-line__gift-note{margin:4px 0 0!important;font-size:12px;line-height:1.4;color:#8a5a00}.wh-cart-line__gift-change{padding:0;border:0;background:none;color:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wh-cart-line__gift-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#2d6a3e;font-weight:600}.wh-cart-line__media.is-gift{position:relative}.wh-cart-line__gift-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 7px 3px 5px;border-radius:999px;background:#2d6a3e;color:#fff;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em}.wh-cart-line__gift-badge svg{width:11px;height:11px}@media screen and (max-width:699px){.wh-gratis__heading{font-size:14px}.wh-gratis__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:38%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -12px;padding:0 12px 4px;scroll-padding:0 12px}.wh-gratis__grid::-webkit-scrollbar{display:none}.wh-gratis__card{scroll-snap-align:start}}.wh-gratis{--wh-g-gap: 14px}.wh-gratis__badge{display:none!important}.wh-gratis__head{gap:var(--wh-g-gap);padding:22px 56px 0}.wh-gratis__heading{line-height:1.2}.wh-gratis__text{line-height:1.35}.wh-gratis__body{padding-top:var(--wh-g-gap)}.wh-gratis__group{margin:0 0 var(--wh-g-gap)!important}.wh-gratis__grid+.wh-gratis__group{margin-top:calc(var(--wh-g-gap) * 2)!important}.wh-gratis__foot{margin-top:0;padding:10px 20px 12px}.wh-gratis__panel--beide,.wh-gratis__panel--wechsel{max-height:min(94vh,840px)}.wh-gratis__panel--beide .wh-gratis__body,.wh-gratis__panel--wechsel .wh-gratis__body{padding-bottom:8px}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{aspect-ratio:auto;height:clamp(60px,10vh,112px)}.wh-gratis__panel--beide .wh-gratis__card,.wh-gratis__panel--wechsel .wh-gratis__card{gap:4px}.wh-gratis__panel--beide .wh-gratis__size,.wh-gratis__panel--wechsel .wh-gratis__size{padding:4px 9px}.wh-gratis__panel--beide .wh-gratis__add,.wh-gratis__panel--wechsel .wh-gratis__add{padding:7px 10px}@media screen and (min-width:700px)and (max-height:760px){.wh-gratis{--wh-g-gap: 10px}.wh-gratis__head{padding-top:16px}.wh-gratis__panel--beide .wh-gratis__body,.wh-gratis__panel--wechsel .wh-gratis__body{padding-bottom:4px}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:52px}.wh-gratis__panel--beide .wh-gratis__card,.wh-gratis__panel--wechsel .wh-gratis__card{padding:6px}.wh-gratis__legal{padding:6px 10px;font-size:11px}.wh-gratis__foot{padding:8px 20px 10px}}@media screen and (max-width:699px){.wh-gratis{--wh-g-gap: 10px}.wh-gratis__head{padding:16px 48px 0}.wh-gratis__foot{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:clamp(60px,10vh,90px)}}@media screen and (max-width:699px){.wh-gratis{align-items:center;padding:12px}.wh-gratis__panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.wh-gratis__foot{padding:8px 12px 12px}}.wh-gratis__legal{border:1px solid #1c1c1c;background:#f2f2f2;color:#1c1c1c}.wh-gratis__legal-icon{background:#f28c1e}.wh-gratis__head{padding-top:20px}.wh-gratis__body{padding-bottom:var(--wh-g-gap)!important}.wh-gratis__foot{padding-top:var(--wh-g-gap)!important;padding-bottom:20px!important}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:clamp(56px,9vh,104px)}@media screen and (min-width:700px)and (max-height:760px){.wh-gratis__head{padding-top:16px}.wh-gratis__foot{padding-bottom:16px!important}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:52px}}@media screen and (max-width:699px){.wh-gratis__head{align-items:flex-start;text-align:left;padding:16px 56px 0 12px}.wh-gratis__close{top:9px;right:10px;width:32px;height:32px}.wh-gratis__close svg{width:16px;height:16px}.wh-gratis__foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:clamp(60px,10vh,90px)}}.wh-gratis__head{gap:5px;align-items:flex-start;text-align:left;padding-left:20px;padding-right:64px}.wh-gratis__text{max-width:none}.wh-gratis__group-amount{display:inline-flex;align-items:center;height:26px;padding:0 10px;box-sizing:border-box;line-height:1}@media screen and (max-width:699px){.wh-gratis__head{gap:2px;padding:16px 56px 0 12px}}.wh-gratis__card{gap:0!important}.wh-gratis__media{margin-bottom:5px}.wh-gratis .wh-gratis__title{margin-bottom:.6px}.wh-gratis__sizes{margin-top:8.5px}.wh-gratis__add{margin-top:13.5px!important}.wh-gratis__card:not(:has(.wh-gratis__sizes)) .wh-gratis__add{margin-top:8.5px!important}@media screen and (min-width:700px)and (max-height:760px){.wh-gratis__panel--beide .wh-gratis__media,.wh-gratis__panel--wechsel .wh-gratis__media{height:42px}}@media screen and (max-width:699px){.wh-gratis__media{margin-bottom:4px}.wh-gratis .wh-gratis__title{margin-bottom:0}.wh-gratis__sizes{margin-top:8px}.wh-gratis__add{margin-top:12px!important}.wh-gratis__card:not(:has(.wh-gratis__sizes)) .wh-gratis__add{margin-top:8px!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/wh-gratis.css.map */