/* ============================================================
19c-store-checkout.css
Checkout-Formular,Toasts,Store-Utilities
Extrahiert aus 19-store.css (Zeile 1380-1952)
============================================================ */

.checkout-content{background-color:#ffffff}.checkout-header{border-bottom:0.5px solid rgba(0,0,0,0.05)}@media (min-width:64rem){#stageCheckout{border-left:none}.checkout-content{background-color:#ffffff}.drawer.is-checkout .checkout-content{padding-bottom:0}}.checkout-section-title{font-family:var(--font-accent);font-size:var(--fs-label);font-weight:600;letter-spacing:0.4em;color:#000000;margin:1.5rem 0 1rem;position:relative;display:inline-block;opacity:0;transform:translate3d(30px,0,0);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.drawer.is-checkout .checkout-section-title{opacity:1;transform:translate3d(0,0,0)}.checkout-section-title span{position:relative}.form-group{margin-bottom:2.2rem;display:flex;flex-direction:column;position:relative;opacity:0;transform:translate3d(30px,0,0);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.drawer.is-checkout .form-group{opacity:1;transform:translate3d(0,0,0)}.drawer.is-checkout .form-group:nth-child(2){transition-delay:0.1s}.drawer.is-checkout .form-group:nth-child(3){transition-delay:0.15s}.drawer.is-checkout .form-group:nth-child(4){transition-delay:0.2s}.drawer.is-checkout .form-group:nth-child(5){transition-delay:0.25s}.drawer.is-checkout .form-group:nth-child(6){transition-delay:0.3s}.drawer.is-checkout .form-group:nth-child(7){transition-delay:0.35s}.form-group label{position:absolute;left:0;top:1.1rem;font-family:var(--font-accent);font-size:calc(var(--fs-form-label) * 1.2);font-weight:400;letter-spacing:0.15em;color:var(--text-dimmed);margin-bottom:0;pointer-events:none;transform-origin:left top;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),color 0.4s cubic-bezier(0.16,1,0.3,1),letter-spacing 0.4s cubic-bezier(0.16,1,0.3,1)}.form-group input{width:100%;padding:1.3rem 0 0.5rem;border:none;border-bottom:1px solid rgba(0,0,0,0.08);background:transparent;font-family:var(--font-accent);font-size:1rem;color:var(--text-secondary);transition:border-color 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1);border-radius:0;-webkit-appearance:none}.form-group input::placeholder{color:transparent}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group input.input-readonly+label{transform:translateY(-1.1rem) scale(0.75);color:var(--gold-dark);letter-spacing:0.2em;font-weight:500}.form-group input:focus{outline:none;border-bottom:1.5px solid var(--gold);box-shadow:0 4px 12px rgba(196,161,105,0.04)}.form-group::after{display:none}.phone-input-group:focus-within{box-shadow:0 0 20px rgba(196,161,105,0.2);border-color:rgba(196,161,105,0.4)}.checkout-form-row{display:flex;flex-direction:column;gap:0}.zip-city-row{display:grid;grid-template-columns:0.35fr 0.65fr;gap:1.5rem}@media (max-width:22.5rem){.zip-city-row{grid-template-columns:1fr;gap:0}}.phone-input-group{display:flex;align-items:center;background:var(--white);height:3.375rem;transition:box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s cubic-bezier(0.16,1,0.3,1);overflow:hidden;position:relative;border:1px solid rgba(0,0,0,0.08);cursor:text}#checkoutForm .form-group input.is-valid{border-bottom:1.5px solid var(--gold-light)}#checkoutForm .form-group input.is-invalid{border-bottom:1.5px solid var(--error)}.error-hint{font-family:var(--font-accent);font-size:var(--fs-micro);color:var(--error);letter-spacing:0.05em;margin-top:0.4rem;opacity:0;transform:translateY(-5px);transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),transform 0.4s cubic-bezier(0.16,1,0.3,1),height 0.4s cubic-bezier(0.16,1,0.3,1);pointer-events:none;height:0;overflow:hidden}.error-hint.is-visible{opacity:1;transform:translateY(0);height:auto;margin-bottom:0.5rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset;transition:background-color 5000s ease-in-out 0s}#checkoutForm .phone-input-group .phone-box{width:auto;background:transparent;border:none;height:100%;font-family:var(--font-accent);font-size:var(--fs-cart-price);color:var(--text-secondary);padding:0 1rem;letter-spacing:0.1em;transition:color 0.3s ease,background-color 0.3s ease;box-shadow:none}#checkoutForm .phone-input-group .phone-box--country{width:5.3125rem;color:var(--text-secondary);font-weight:400;text-align:center;position:relative}.phone-input-group .phone-box--country::after,.phone-input-group .phone-box--area::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(0,0,0,0.12);z-index:2}#checkoutForm .phone-input-group .phone-box--area{width:5.625rem;text-align:center;font-weight:400;position:relative}#checkoutForm .phone-input-group .phone-box--number{flex:1;width:100%;text-align:left;padding-left:1.5rem;font-weight:400}#checkoutForm .phone-input-group .phone-box:focus{outline:none;color:var(--black);background:transparent}.phone-box::placeholder,.street-box::placeholder{color:var(--text-dimmed);font-weight:200;letter-spacing:0.2em}.street-row{display:grid !important;grid-template-columns:3fr 1fr !important;gap:1.5rem !important}.checkout-trust-badge{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:0.8rem 0;font-family:var(--font-accent);font-size:var(--fs-micro);color:var(--text-dimmed);letter-spacing:0.12em;text-transform:uppercase;opacity:0.8}.checkout-trust-badge svg{color:var(--gold-dark);flex-shrink:0}.form-group input.input-readonly{background:transparent;border-bottom:1px solid rgba(0,0,0,0.04);color:var(--text-dimmed);cursor:default;-webkit-user-select:none;user-select:none}@media (min-width:48rem){.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}.field-note{font-family:var(--font-accent);font-size:var(--fs-form-label);color:var(--text-dimmed);margin-top:0.5rem}#checkoutForm .form-group label .optional{font-size:calc(var(--fs-form-label) * 1.2);font-weight:500;color:var(--text-dimmed);opacity:0.7;letter-spacing:0.12em;text-transform:uppercase}.input-readonly{background:white;cursor:default}.checkout-checkbox-group{margin:1.5rem 0 0.5rem;opacity:0;transform:translate3d(30px,0,0);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:0.4s}.drawer.is-checkout .checkout-checkbox-group{opacity:1;transform:translate3d(0,0,0)}.custom-checkbox{display:flex;align-items:center;gap:1rem;cursor:pointer;font-family:var(--font-accent);font-size:var(--fs-label);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.diff-shipping-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-premium);overflow:hidden}.diff-shipping-container.is-open{grid-template-rows:1fr}.diff-shipping-inner{min-height:0;padding-bottom:1rem}.diff-shipping-container .form-group{opacity:0;transform:translate3d(0,10px,0);transition:opacity var(--transition-premium),transform var(--transition-premium)}.diff-shipping-container.is-open .form-group{opacity:1;transform:translate3d(0,0,0)}.diff-shipping-container.is-open .form-group:nth-child(1){transition-delay:0.2s}.diff-shipping-container.is-open .form-group:nth-child(2){transition-delay:0.3s}.diff-shipping-container.is-open .form-group:nth-child(3){transition-delay:0.4s}.diff-shipping-container.is-open .form-group:nth-child(4){transition-delay:0.5s}.custom-checkbox input{display:none}.label-text--section-style{font-weight:600;letter-spacing:0.4em;color:#000000}.checkmark{width:1.375rem;height:1.375rem;border:0.5px solid rgba(0,0,0,0.2);background:white;position:relative;flex-shrink:0;transition:border-color 0.3s ease}.custom-checkbox input:checked+.checkmark{border-color:var(--gold-light)}.custom-checkbox input:checked+.checkmark::after{content:'';position:absolute;left:0.4375rem;top:0.1875rem;width:0.3125rem;height:0.625rem;border:solid var(--gold-light);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.order-summary{margin-top:0.5rem;opacity:0;transform:translate3d(30px,0,0);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:0.45s}.drawer.is-checkout .order-summary{opacity:1;transform:translate3d(0,0,0)}.checkout-items-list{margin-bottom:2rem}.checkout-item{display:flex;flex-direction:column;align-items:stretch;gap:0.36rem;margin-bottom:0.8rem;padding-bottom:0.8rem;border-bottom:0.5px solid rgba(0,0,0,0.03)}.checkout-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.checkout-item__main{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--font-accent);font-size:calc(var(--fs-label) * 1.2);color:var(--text-secondary)}.checkout-item__tile-desc{font-family:var(--font-accent);font-size:0.744rem;color:var(--text-light);letter-spacing:0.04em;line-height:1.15;margin-top:0.05rem;margin-bottom:0.05rem;padding-left:1.2rem;position:relative;font-weight:300}.checkout-item__tile-desc::before{content:'\25c6';position:absolute;left:0;color:var(--gold);font-size:0.5rem;opacity:0.7;top:50%;transform:translateY(-50%)}.checkout-item__delivery-detail-row{font-family:var(--font-accent);font-size:0.78rem;color:var(--text-dimmed);letter-spacing:0.03em;padding-left:1.2rem;position:relative;line-height:1.15;margin-top:0.05rem}.checkout-item__property+.checkout-item__delivery-detail-row{margin-top:0.6rem}.checkout-item__delivery-qty{display:block;color:var(--text-dimmed);margin-top:0.15rem;font-weight:300}.checkout-item__delivery-detail-row::before{content:'\25c6';position:absolute;left:0;color:var(--gold);font-size:0.5rem;opacity:0.7;top:0.55rem;transform:translateY(-50%)}.checkout-item__group-title{font-family:var(--font-accent);font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);padding-left:1.2rem;margin-top:0.7rem;margin-bottom:0.15rem;line-height:1.15}.checkout-item__property{font-family:var(--font-accent);font-size:0.78rem;color:var(--text-dimmed);letter-spacing:0.03em;padding-left:1.2rem;position:relative;line-height:1.15;margin-top:0.05rem;font-weight:300}.checkout-item__property::before{content:'\21B3';position:absolute;left:0;color:var(--gold);font-size:0.65rem;opacity:0.7;top:50%;transform:translateY(-55%)}.summary-totals{border-top:none;padding-top:0;margin-bottom:2rem}.summary-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-accent);font-size:calc(var(--fs-label) * 1.2);color:var(--text-secondary);margin-bottom:0.8rem;font-weight:300}.checkout-item__main .currency-chf,.summary-row .currency-chf{font-size:1em}.summary-row .gold-text{font-size:0.7em !important}.store-toast{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%) translateY(100px);background:var(--gold);color:var(--white);padding:1rem 2rem;font-family:var(--font-accent);font-size:var(--fs-toast);letter-spacing:0.2em;z-index:5000;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);white-space:nowrap;max-width:calc(100vw - 2rem);text-align:center}.store-toast.is-active{transform:translateX(-50%) translateY(0)}.btn-reset{background:transparent;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;position:relative}.btn-back{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:0.5rem;transition:color 0.3s ease;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center}.btn-back:hover{color:var(--gold)}.cart-empty{text-align:center;padding:3rem 0;color:var(--text-muted);font-family:var(--font-primary);font-weight:300;font-size:var(--fs-body-sm);letter-spacing:0.12em;opacity:0.7}.drawer-open{overflow:hidden}.btn-checkout,.btn-order{background:var(--gold-dark);height:3.8rem;font-size:var(--fs-button);letter-spacing:0.25em;white-space:nowrap;position:relative;transition:background-color 0.4s cubic-bezier(0.16,1,0.3,1),color 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 20px rgba(166,133,78,0.3),0 0 0 0 rgba(166,133,78,0);animation:orderButtonGlow 3s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes orderButtonGlow{0%,100%{box-shadow:0 4px 20px rgba(166,133,78,0.3),0 0 0 0 rgba(196,161,105,0)}50%{box-shadow:0 6px 30px rgba(166,133,78,0.45),0 0 20px 2px rgba(196,161,105,0.12)}}@media (hover:hover) and (pointer:fine){.btn-checkout:hover,.btn-order:hover{background:#8f7342;box-shadow:0 8px 35px rgba(166,133,78,0.5),0 0 25px 4px rgba(196,161,105,0.2);animation:none}}.btn-checkout:active,.btn-order:active{background:#806838;box-shadow:0 2px 10px rgba(166,133,78,0.2);animation:none}@media (max-width:47.99rem){.btn-checkout,.btn-order{height:3.8rem;font-size:var(--fs-button);letter-spacing:0.15em;text-indent:0.15em}}@media (max-width:63.99rem){#stageCheckout{display:flex !important;flex-direction:column !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#stageCheckout .drawer-header{position:sticky !important;top:0 !important;z-index:60 !important;flex-shrink:0 !important}#stageCheckout .checkout-content{flex:none !important;min-height:unset !important;overflow:visible !important;overscroll-behavior:auto !important}#stageCheckout .checkout-footer{position:static !important;border-top:none;padding-top:0.5rem;flex-shrink:unset}#stageCheckout .checkout-footer::after{content:'';display:block;height:21.875rem}}@media (min-width:64rem){#stageCart,.drawer.is-checkout #stageCart,.drawer.is-success #stageCart{display:flex !important;flex-direction:column !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#stageCart .drawer-header{flex-shrink:0 !important}#stageCart .drawer-content{flex:none !important;overflow-y:visible !important;overflow-x:visible !important;overscroll-behavior:auto !important}#stageCart .drawer-footer{position:static !important;flex-shrink:0 !important}#stageCheckout,.drawer.is-checkout #stageCheckout,.drawer.is-success #stageCheckout{display:flex !important;flex-direction:column !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}#stageCheckout .drawer-header{flex-shrink:0 !important}#stageCheckout .checkout-content{flex:none !important;overflow-y:visible !important;overflow-x:visible !important;overscroll-behavior:auto !important}#stageCheckout .checkout-footer{position:static !important}}.payment-method-section{margin-top:0.5rem;opacity:0;transform:translate3d(30px,0,0);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:0.5s}.drawer.is-checkout .payment-method-section{opacity:1;transform:translate3d(0,0,0)}.payment-method-cards{display:flex;flex-direction:column;gap:0.75rem}.payment-card{display:block;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.payment-card input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.payment-card__inner{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.25rem;background:var(--white);border:1px solid rgba(0,0,0,0.08);transition:border-color 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),background-color 0.4s cubic-bezier(0.16,1,0.3,1)}@media (hover:hover) and (pointer:fine){.payment-card:hover .payment-card__inner{border-color:rgba(196,161,105,0.35);box-shadow:0 0 20px rgba(196,161,105,0.08)}}.payment-card input[type="radio"]:checked~.payment-card__inner{border-color:rgba(196,161,105,0.5);box-shadow:0 0 25px rgba(196,161,105,0.12),inset 0 0 0 0.5px rgba(196,161,105,0.3);background:linear-gradient(135deg,rgba(196,161,105,0.03) 0%,rgba(218,190,145,0.06) 100%)}.payment-card__radio{width:1.25rem;height:1.25rem;border-radius:50%;border:1.5px solid rgba(0,0,0,0.15);flex-shrink:0;position:relative;transition:border-color 0.3s ease}.payment-card__radio::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:0.625rem;height:0.625rem;border-radius:50%;background:var(--gold);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__radio{border-color:var(--gold)}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__radio::after{transform:translate(-50%,-50%) scale(1)}.payment-card__icon{flex-shrink:0;width:1.75rem;height:1.75rem;color:var(--text-dimmed);transition:color 0.3s ease}.payment-card__icon svg{width:100%;height:100%}.payment-card__icon--logo{width:auto;height:1.5rem}.payment-card__logo{height:100%;width:auto;max-width:5rem;object-fit:contain;opacity:0.45;filter:grayscale(60%);transition:opacity 0.3s ease,filter 0.3s ease}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__logo{opacity:0.85;filter:grayscale(0%)}.payment-card__logo--invert{filter:grayscale(60%) invert(1) brightness(0.4)}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__logo--invert{filter:grayscale(0%) invert(1) brightness(0.35);opacity:0.85}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__icon{color:var(--gold)}.payment-card__text{display:flex;flex-direction:column;gap:0.25rem}.payment-card__title{font-family:var(--font-accent);font-size:var(--fs-button);font-weight:500;letter-spacing:0.2em;color:var(--text-secondary);transition:color 0.3s ease}.payment-card input[type="radio"]:checked~.payment-card__inner .payment-card__title{color:var(--gold)}.payment-card__desc{font-family:var(--font-accent);font-size:var(--fs-micro);font-weight:300;color:var(--text-dimmed);letter-spacing:0.04em;line-height:1.5}.payment-expand-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.6s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.payment-expand-container.is-open{grid-template-rows:1fr}.payment-expand-inner{min-height:0;overflow:hidden;padding-top:0;transition:padding-top 0.4s cubic-bezier(0.16,1,0.3,1)}.payment-expand-container.is-open .payment-expand-inner{padding-top:1rem}.payment-expand-container .form-group{opacity:0;transform:translate3d(0,10px,0);transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1),transform 0.5s cubic-bezier(0.16,1,0.3,1)}.payment-expand-container.is-open .form-group{opacity:1;transform:translate3d(0,0,0)}.payment-expand-container.is-open .form-group:nth-child(1){transition-delay:0.15s}.payment-expand-container.is-open .form-group:nth-child(2){transition-delay:0.25s}.payment-expand-container.is-open .form-group:nth-child(3){transition-delay:0.35s}.prepay-info-box{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.25rem;background:linear-gradient(135deg,rgba(196,161,105,0.04) 0%,rgba(218,190,145,0.08) 100%);border:0.5px solid rgba(196,161,105,0.2);opacity:0;transform:translate3d(0,10px,0);transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1) 0.15s,transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.15s}.payment-expand-container.is-open .prepay-info-box{opacity:1;transform:translate3d(0,0,0)}.prepay-info-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--gold);margin-top:0.1rem}.prepay-info-icon svg{width:100%;height:100%}.prepay-info-text{font-family:var(--font-accent);font-size:var(--fs-button);font-weight:300;color:var(--text-secondary);line-height:1.7;margin:0}.cc-row{display:grid;grid-template-columns:1fr 0.6fr;gap:1.5rem}@media (max-width:22.5rem){.cc-row{grid-template-columns:1fr;gap:0}}.cc-accepted-cards{display:flex;align-items:center;gap:1rem;padding:0.75rem 0 0.5rem;opacity:0;transform:translate3d(0,10px,0);transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1) 0.4s,transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.4s}.payment-expand-container.is-open .cc-accepted-cards{opacity:1;transform:translate3d(0,0,0)}.cc-accepted-label{font-family:var(--font-accent);font-size:var(--fs-badge);font-weight:500;letter-spacing:0.15em;color:var(--text-dimmed)}.cc-brand-logos{display:flex;align-items:center;gap:0.75rem}.cc-brand-logo{height:3.125rem;width:auto;opacity:0.5;transition:opacity 0.3s ease;filter:grayscale(30%)}.cc-brand-logo:hover{opacity:0.8;filter:grayscale(0%)}@media (max-width:47.99rem){.payment-card{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.payment-card__inner{border-left:none !important;border-right:none !important;padding-left:1.5rem !important;padding-right:1.5rem !important}.prepay-info-box{margin-left:-1.5rem !important;margin-right:-1.5rem !important;border-left:none !important;border-right:none !important;padding-left:1.5rem !important;padding-right:1.5rem !important}}@media (prefers-reduced-motion:reduce){.btn-checkout,.btn-order{animation:none}}