.checkout{background-color:#eaeaea;min-height:100vh;padding-block:var(--space-2xl);font-family:var(--font-family)}.checkout__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.checkout__back-link{color:var(--color-text-muted);transition:color var(--transition);display:flex;align-items:center;justify-content:center}.checkout__back-link:hover{color:var(--color-text-main)}.checkout__title{font-size:clamp(22px,4vw,32px);font-weight:700;color:#111;margin:0}.checkout__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:1024px){.checkout__grid{grid-template-columns:1fr 380px}}@media(min-width:1280px){.checkout__grid{grid-template-columns:1fr 400px}}.checkout__main-col{display:flex;flex-direction:column;gap:var(--space-lg)}.checkout-step{background-color:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:var(--space-lg) var(--space-xl);border:none;margin:0}.checkout-step__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.checkout-step__number{width:28px;height:28px;border-radius:50%;background-color:var(--color-brand-blue);color:var(--color-bg-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.checkout-step__title{font-size:15px;font-weight:700;color:#333;margin:0}.checkout-step__content{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{font-size:13px;font-weight:500;color:#444}.form-field__asterisk{color:var(--color-brand-red)}.form-field__input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:var(--border-radius);padding-inline:var(--space-md);gap:var(--space-sm);border:1px solid transparent;transition:border-color var(--transition);height:46px}.form-field__input-wrapper:focus-within{border-color:var(--color-brand-blue)}.form-field__input{width:100%;background:transparent;border:none!important;outline:none!important;box-shadow:none!important;color:#333;font-size:13px;font-weight:400;font-family:var(--font-family)}.form-field__input::placeholder{color:#999;font-weight:300}.form-field__textarea{width:100%;background-color:#f5f5f5;border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);padding-left:2.5rem;border:1px solid transparent;outline:none!important;box-shadow:none!important;color:#333;font-size:13px;font-weight:400;font-family:var(--font-family);transition:border-color var(--transition);resize:none}.form-field__textarea:focus{border-color:var(--color-brand-blue);outline:none!important}.form-field__icon{color:#999;flex-shrink:0}.form-field__select-prefix{position:relative;display:flex;align-items:center;border-right:1px solid #e5e7eb;padding-right:8px;margin-right:4px;height:100%}.form-field__select-btn{background:transparent;border:none;outline:none;display:flex;align-items:center;font-size:13px;font-weight:500;color:#444;cursor:pointer;font-family:var(--font-family);padding:0 4px}.form-field__select-dropdown{position:absolute;top:calc(100% + 6px);left:0;background-color:var(--color-bg-white);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f3f4f6;z-index:50;min-width:140px;list-style:none;padding:0;margin:0;overflow:hidden}.form-field__select-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--transition)}.form-field__select-item:hover,.form-field__select-dropdown li[aria-selected=true] .form-field__select-item{background-color:#f0f5ff}.form-field__select-item .font-bold{font-size:13px;font-weight:600;color:#111;min-width:12px}.method-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.method-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:10px;border:1px solid #e5e7eb;background-color:var(--color-bg-white);cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.method-option[aria-checked=true]{border-color:var(--color-brand-blue);background-color:#f0f5ff}.method-option-wrapper{border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;transition:all var(--transition);background-color:var(--color-bg-white)}.method-option-wrapper.is-active{border-color:var(--color-brand-blue)}.method-option-wrapper.is-active .method-option-content{display:flex!important}.method-option-wrapper .method-option{border:none;border-radius:0}.method-option__radio{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition)}.method-option[aria-checked=true] .method-option__radio{border-color:var(--color-brand-blue)}.method-option__radio-inner{width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-blue);opacity:0;transform:scale(0);transition:all var(--transition)}.method-option[aria-checked=true] .method-option__radio-inner{opacity:1;transform:scale(1)}.method-option__label{font-size:13px;font-weight:400;color:#6b7280}.method-option[aria-checked=true] .method-option__label{font-weight:600;color:#111}.payment-options{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-option{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);border-radius:var(--border-radius);border:1px solid #e5e7eb;background-color:var(--color-bg-white);cursor:pointer;transition:all var(--transition);width:100%}.checkbox-option[aria-checked=true]{border-color:var(--color-brand-blue);background-color:#f0f5ff}.checkbox-option[aria-checked=true] .method-option__radio{border-color:var(--color-brand-blue)}.checkbox-option[aria-checked=true] .method-option__radio-inner{opacity:1;transform:scale(1)}@media(min-width:1024px){.checkout__summary-col{position:sticky;top:100px}}.checkout-summary{background-color:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.checkout-summary__title{font-size:16px;font-weight:700;color:#111;margin:0}.summary-items{display:flex;flex-direction:column;gap:var(--space-md)}.summary-item{display:flex;gap:var(--space-sm);align-items:flex-start}.summary-item__image{width:56px;height:56px;border-radius:var(--border-radius);background-color:#f7f7f7;overflow:hidden;flex-shrink:0}.summary-item__image img{width:100%;height:100%;object-fit:contain}.summary-item__info{flex:1;min-width:0}.summary-item__vendor{font-size:10px;font-weight:500;color:#9ca3af;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.summary-item__title{font-size:12px;font-weight:400;color:#111;line-height:1.3}.summary-item__meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.summary-item__qty{font-size:11px;color:#999}.summary-item__price{font-size:13px;font-weight:700;color:#111}.summary-divider{height:1px;background-color:#f0f0f0;width:100%}.summary-totals{display:flex;flex-direction:column;gap:10px}.summary-line{display:flex;align-items:center;justify-content:space-between}.summary-line__label{font-size:13px;color:#6b7280}.summary-line__value{font-size:13px;font-weight:600;color:#111}.summary-line__value--free{color:var(--color-brand-blue)}.summary-total{display:flex;align-items:center;justify-content:space-between}.summary-total__label{font-size:15px;font-weight:700;color:#111}.summary-total__value{font-size:17px;font-weight:800;color:#111}.summary-total__currency{font-size:12px;font-weight:300}.delivery-badge{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;border-radius:var(--border-radius);padding:10px 12px}.delivery-badge__text{font-size:12px;font-weight:400;color:#4b5563;margin:0}.checkout__submit-btn{padding:var(--space-md);border-radius:var(--border-radius);font-size:15px}.secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ca3af}.secure-badge p{font-size:11px;margin:0}.return-cart-link{text-align:center;color:var(--color-brand-blue);font-size:12px;text-decoration:none}.return-cart-link:hover{text-decoration:underline}.checkout-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(0,0,.2,1)}.checkout-success-overlay.is-active{opacity:1;pointer-events:auto}.checkout-success-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease}.checkout-success-overlay.is-active .checkout-success-overlay__backdrop{opacity:1}.checkout-success-overlay__card{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:24px;background-color:var(--color-bg-white, #ffffff);border-radius:20px;padding:56px 40px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;width:90%;transform:scale(.82) translateY(32px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.checkout-success-overlay.is-active .checkout-success-overlay__card{transform:scale(1) translateY(0);opacity:1}.checkout-success-overlay__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .55s cubic-bezier(.34,1.56,.64,1) .15s}.checkout-success-overlay.is-active .checkout-success-overlay__icon-wrapper{transform:scale(1)}.checkout-success-overlay__pulse{position:absolute;width:112px;height:112px;border-radius:50%;background-color:#16a34a;opacity:0;transform:scale(.7)}.checkout-success-overlay.is-active .checkout-success-overlay__pulse{animation:successPulse 1.2s ease-out .4s}@keyframes successPulse{0%{transform:scale(.9);opacity:0}50%{opacity:.18}to{transform:scale(1.15);opacity:0}}.checkout-success-overlay__icon-bg{width:96px;height:96px;border-radius:50%;background-color:#dcfce7;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.checkout-success-overlay__svg{width:48px;height:48px}.checkout-success-overlay__circle{stroke-dasharray:164;stroke-dashoffset:164;opacity:0}.checkout-success-overlay.is-active .checkout-success-overlay__circle{animation:drawCircle .55s ease-out .2s forwards}@keyframes drawCircle{to{stroke-dashoffset:0;opacity:1}}.checkout-success-overlay__check{stroke-dasharray:36;stroke-dashoffset:36}.checkout-success-overlay.is-active .checkout-success-overlay__check{animation:drawCheck .45s ease-out .6s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.checkout-success-overlay__text{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;opacity:0;transform:translateY(12px);transition:all .4s cubic-bezier(0,0,.2,1) .55s}.checkout-success-overlay.is-active .checkout-success-overlay__text{opacity:1;transform:translateY(0)}.checkout-success-overlay__title-1{font-size:clamp(22px,5vw,28px);font-weight:800;color:#111;line-height:1.2;margin:0}.checkout-success-overlay__title-2{font-size:clamp(22px,5vw,28px);font-weight:800;color:#16a34a;line-height:1.2;margin:0}.checkout-success-overlay__subtitle{color:#6b7280;font-size:13px;font-weight:300;line-height:1.65;margin:4px 0 0}.checkout-success-overlay__progress-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:9999px;overflow:hidden}.checkout-success-overlay__progress-bar{height:100%;background-color:#16a34a;border-radius:9999px;width:0%}.checkout-success-overlay.is-active .checkout-success-overlay__progress-bar{animation:progressBar 2.25s linear .75s forwards}@keyframes progressBar{to{width:100%}}@media(prefers-reduced-motion:reduce){.checkout-success-overlay__card,.checkout-success-overlay__icon-wrapper,.checkout-success-overlay__pulse,.checkout-success-overlay__circle,.checkout-success-overlay__check,.checkout-success-overlay__text,.checkout-success-overlay__progress-bar{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */
