:root{--hb-gold: #E8A23A;--hb-gold-light: #F5C56B;--hb-gold-glow: #FFF0D0;--hb-gold-dark: #C07E1F;--hb-coral: #E8705A;--hb-coral-light: #FBADA0;--hb-turquoise: #3DBCAC;--hb-purple: #9B7EC8;--hb-green: #6BBD6E;--hb-sky: #5BA8D9;--hb-deep: #2B1810;--hb-bark: #5C4033;--hb-stone: #9A887A;--hb-sand: #D4C4AF;--hb-cream: #FFF9F0;--hb-ivory: #FFFCF7;--hb-font-display: "Fredoka One", cursive;--hb-font-body: "Nunito", sans-serif;--hb-radius: 20px;--hb-radius-sm: 12px;--hb-radius-lg: 28px;--hb-shadow-sm: 0 2px 8px rgba(43, 24, 16, .06);--hb-shadow-md: 0 8px 32px rgba(43, 24, 16, .08);--hb-shadow-lg: 0 16px 48px rgba(43, 24, 16, .1)}.hb-personalize{font-family:var(--hb-font-body);font-size:16px;color:var(--hb-deep);max-width:540px;margin:0 auto;padding:24px 16px 40px}.hb-progress{display:flex;gap:8px;margin-bottom:32px}.hb-progress__step{flex:1;height:4px;border-radius:2px;background:var(--hb-sand);transition:background .4s ease}.hb-progress__step--active{background:var(--hb-gold)}.hb-progress__step--done{background:var(--hb-gold-dark)}.hb-step{display:none;animation:hbFadeIn .4s ease}.hb-step--active{display:block}@keyframes hbFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hb-step__title{font-family:var(--hb-font-display);font-size:1.5em;font-weight:400;color:var(--hb-deep);margin-bottom:8px;line-height:1.3}.hb-step__subtitle{font-size:.95em;color:var(--hb-bark);margin-bottom:24px;line-height:1.5}.hb-field{margin-bottom:20px}.hb-field__label{display:block;font-weight:700;font-size:.85em;color:var(--hb-deep);margin-bottom:6px}.hb-field__input{width:100%;padding:14px 16px;font-family:var(--hb-font-body);font-size:1em;color:var(--hb-deep);background:#fff;border:2px solid var(--hb-sand);border-radius:var(--hb-radius-sm);outline:none;transition:border-color .2s}.hb-field__input:focus{border-color:var(--hb-gold)}.hb-field__input--error{border-color:var(--hb-coral)}.hb-field__error{font-size:.8em;color:var(--hb-coral);margin-top:4px;display:none}.hb-field__error--visible{display:block}.hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-family:var(--hb-font-display);font-size:1.1em;font-weight:400;color:#fff;background:var(--hb-gold);border:none;border-radius:var(--hb-radius);cursor:pointer;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}.hb-btn:hover{background:var(--hb-gold-dark)}.hb-btn:active{transform:scale(.98)}.hb-btn:disabled{background:var(--hb-sand);cursor:not-allowed}.hb-btn--secondary{background:transparent;color:var(--hb-bark);font-family:var(--hb-font-body);font-weight:600;font-size:.9em;border:2px solid var(--hb-sand)}.hb-btn--secondary:hover{border-color:var(--hb-stone);background:transparent}.hb-upload{border:2px dashed var(--hb-sand);border-radius:var(--hb-radius);padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--hb-cream)}.hb-upload:hover{border-color:var(--hb-gold);background:var(--hb-gold-glow)}.hb-upload__icon{font-size:2.5em;margin-bottom:12px}.hb-upload__text{font-weight:700;font-size:1em;color:var(--hb-deep);margin-bottom:4px}.hb-upload__hint{font-size:.8em;color:var(--hb-stone)}.hb-upload--hidden{display:none}.hb-tips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.hb-tips__item{display:flex;align-items:center;gap:6px;font-size:.78em;color:var(--hb-bark);padding:8px 10px;background:var(--hb-cream);border-radius:8px}.hb-tips__icon{font-size:1em;flex-shrink:0}.hb-crop{display:none;margin-bottom:20px}.hb-crop--active{display:block}.hb-crop__title{font-size:2em;font-weight:600;color:var(--hb-deep);margin:0 0 1.2rem;line-height:1.3}.hb-crop__title-accent{color:var(--hb-gold);background-image:linear-gradient(to top,var(--hb-gold) 0 .2rem,transparent .2rem);background-repeat:no-repeat;background-size:100% 100%;padding-bottom:.1rem}.hb-crop__container{position:relative;width:100%;aspect-ratio:1 / 1;max-height:50rem;overflow:hidden;border-radius:var(--hb-radius-sm);background:var(--hb-cream);box-shadow:var(--hb-shadow-sm);margin-bottom:1.2rem}.hb-crop__container img{display:block;max-width:100%}.hb-crop__hint{display:flex;align-items:center;gap:.6rem;font-size:1.3em;color:var(--hb-stone);margin-bottom:1.6rem}.hb-crop__hint-icon{flex-shrink:0;color:var(--hb-gold)}.hb-crop__actions{display:flex;gap:1.2rem}.hb-crop__actions .hb-btn{flex:1}.hb-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:flex-end;justify-content:center}.hb-consent-overlay--active{display:flex}.hb-consent-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b181066;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hb-consent-sheet{position:relative;z-index:1;width:100%;max-width:540px;background:#fff;border-radius:var(--hb-radius-lg) var(--hb-radius-lg) 0 0;padding:32px 24px calc(env(safe-area-inset-bottom,0px) + 24px);animation:hbSlideUp .35s cubic-bezier(.22,1,.36,1)}@keyframes hbSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hb-consent-sheet__title{font-family:var(--hb-font-display);font-size:1.2em;margin-bottom:12px}.hb-consent-sheet__text{font-size:.9em;color:var(--hb-bark);line-height:1.6;margin-bottom:24px}.hb-consent-sheet__link{color:var(--hb-gold-dark);text-decoration:underline}.hb-consent-sheet__actions{display:flex;flex-direction:column;gap:10px}.hb-scan{display:none;text-align:center}.hb-scan--active{display:block}.hb-scan__photo-wrap{position:relative;display:inline-block;border-radius:var(--hb-radius);overflow:hidden;box-shadow:var(--hb-shadow-md);margin-bottom:20px}.hb-scan__photo{display:block;width:240px;height:240px;object-fit:cover}.hb-scan__bar{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--hb-gold),transparent);box-shadow:0 0 20px var(--hb-gold),0 0 60px #e8a23a4d;animation:hbScanMove 2.5s ease-in-out infinite}@keyframes hbScanMove{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}.hb-scan__status{font-weight:700;font-size:.95em;color:var(--hb-deep);min-height:1.5em;transition:opacity .3s}.hb-scan__status--success{color:var(--hb-green)}.hb-summary{display:none;animation:hbFadeIn .5s ease}.hb-summary--active{display:block}.hb-summary__card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--hb-cream);border-radius:var(--hb-radius-sm);margin-bottom:20px}.hb-summary__photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--hb-gold)}.hb-summary__info{flex:1}.hb-summary__name{font-family:var(--hb-font-display);font-size:1.1em}.hb-summary__detail{font-size:.85em;color:var(--hb-bark)}@media(max-width:480px){.hb-personalize{padding:16px 12px 32px}.hb-step__title{font-size:1.3em}.hb-tips{grid-template-columns:1fr}.hb-scan__photo{width:200px;height:200px}}.hb-upload__error{display:none;margin-top:1.2rem;padding:1.4rem 1.6rem;background:#d3424214;border:1px solid rgba(211,66,66,.25);border-left:.3rem solid #d34242;border-radius:.8rem;color:#8a2b2b;font-size:1.3em;line-height:1.5}.hb-upload__error-title{font-weight:600;font-size:1.05em}.hb-crop__notice{display:none;margin:0 0 1.2rem;padding:1.4rem 1.6rem;background:#d3424214;border:1px solid rgba(211,66,66,.25);border-left:.3rem solid #d34242;border-radius:.8rem;color:#8a2b2b;font-size:1.3rem;line-height:1.5;font-weight:500}.hb-crop__notice-title{font-weight:600}.hb-photo-tips__lead{margin-top:1rem;font-weight:600;font-size:.95em;opacity:.9}.hb-photo-tips__list{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem;font-weight:400;font-size:.95em}.hb-photo-tips__list li{position:relative;padding-left:2rem;line-height:1.45}.hb-photo-tips__list li:before{content:"";position:absolute;left:.2rem;top:.55rem;width:.7rem;height:.4rem;border-left:.2rem solid #2a7a38;border-bottom:.2rem solid #2a7a38;transform:rotate(-45deg)}.hb-crop__mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.hb-crop__mask-oval{stroke:var(--hb-gold);filter:drop-shadow(0 0 .8rem rgba(232,162,58,.5));transition:filter .2s ease}.hb-crop__container:hover .hb-crop__mask-oval{filter:drop-shadow(0 0 1.2rem rgba(232,162,58,.7))}.hb-crop__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);background-size:200% 200%;opacity:0;pointer-events:none;z-index:3;transition:opacity .15s ease}.hb-crop__container--detecting .hb-crop__shimmer{opacity:1;animation:hb-shimmer 1.4s ease-in-out infinite}@keyframes hb-shimmer{0%{background-position:200% 50%}to{background-position:-100% 50%}}.hb-crop__container--pulse .hb-crop__mask-oval{animation:hb-glow-pulse .4s ease-out}@keyframes hb-glow-pulse{0%{filter:drop-shadow(0 0 .8rem rgba(232,162,58,.5))}50%{filter:drop-shadow(0 0 2rem rgba(232,162,58,1))}to{filter:drop-shadow(0 0 .8rem rgba(232,162,58,.5))}}.hb-crop__container .cropper-view-box{outline:2px solid var(--hb-gold);box-shadow:0 0 0 9999px #2b18108c;filter:drop-shadow(0 0 .8rem rgba(232,162,58,.5))}.hb-crop__container .cropper-dashed,.hb-crop__container .cropper-center,.hb-crop__container .cropper-line,.hb-crop__container .cropper-point{display:none!important}.hb-crop__container .cropper-modal{opacity:0!important}.hb-crop__container .cropper-face{background-color:transparent!important;cursor:move}.hb-crop__container .cropper-container~.hb-crop__mask,.hb-crop__container:has(.cropper-container) .hb-crop__mask{display:none}.hb-crop__picker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.hb-crop__picker--active{pointer-events:auto;background:#2b181040}.hb-crop__face-dot{position:absolute;transform:translate(-50%,-50%);width:4.4rem;height:4.4rem;min-width:44px;min-height:44px;border-radius:50%;background:var(--hb-gold);border:.3rem solid rgba(255,255,255,.95);box-shadow:0 .2rem 1.2rem #2b181059,0 0 #e8a23a99;cursor:pointer;padding:0;animation:hb-face-pulse 1.8s ease-in-out infinite;transition:transform .12s ease}.hb-crop__face-dot:hover,.hb-crop__face-dot:focus-visible{transform:translate(-50%,-50%) scale(1.1);outline:none}@keyframes hb-face-pulse{0%,to{box-shadow:0 .2rem 1.2rem #2b181059,0 0 #e8a23a99}50%{box-shadow:0 .2rem 1.2rem #2b181059,0 0 0 1rem #e8a23a00}}.hb-crop__container--picking .hb-crop__mask{opacity:0}.hb-crop__container--picking img{object-fit:contain!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/heldenbuch-personalize.css.map */