.checkout-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background-color:#0006;width:100%;height:100%;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.checkout-drawer{background-color:var(--base-100);width:400px;height:100%;color:var(--base-400);z-index:1001;border-left:1px solid var(--base-200);border-radius:1.5rem 0 0 1.5rem;flex-direction:column;padding:1.25rem .85rem;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 35px #00000026}@media (max-width:600px){.checkout-drawer{border-radius:0;width:100%;padding:.75rem}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.drawer-header h3{letter-spacing:-.04rem;text-transform:uppercase;color:var(--base-400);font-size:.8rem}.close-btn{background:var(--base-200);cursor:pointer;color:var(--base-400);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.close-btn:hover{background:var(--base-400);color:var(--base-100);transform:rotate(90deg)scale(1.05)}.drawer-content{flex:1;padding-right:0;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-thumb{background:var(--base-200);border-radius:10px}.item-summary{background:var(--base-200);border:1px solid #1a16140d;border-radius:1rem;flex-direction:column;gap:.1rem;margin-bottom:1.1rem;padding:.85rem;display:flex}.item-summary h4{letter-spacing:-.01rem;color:var(--base-400);font-size:1.15rem}.item-summary .price{color:var(--base-400);letter-spacing:.02rem;font-family:Big Shoulders Display,sans-serif;font-size:1.45rem;font-weight:800}.checkout-form{flex-direction:column;gap:.85rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{text-transform:uppercase;color:var(--base-300);letter-spacing:.08rem;font-size:.72rem;font-weight:600}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.form-group input{width:100%;color:var(--base-400);background-color:#1a16140a;border:1px solid #1a161414;border-radius:.5rem;padding:.8rem .75rem .8rem 2.6rem;font-family:inherit;font-size:.95rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.form-group input::placeholder{color:#1a161459}.form-group input:focus{border-color:var(--base-400);background-color:var(--base-100);outline:none;box-shadow:0 4px 12px #1a16140f}.input-icon{color:#1a161459;pointer-events:none;font-size:1.1rem;transition:color .3s;position:absolute;left:.85rem}.form-group:focus-within .input-icon{color:var(--base-400)}.bank-details-box{border:1px solid var(--base-200);background-color:#1a161405;border-radius:.85rem;margin-top:.25rem;padding:.9rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.bank-details-box:hover{border-color:var(--base-300);background-color:#1a16140a}.bank-details-box p.sm{text-transform:uppercase;color:var(--base-300);letter-spacing:.08rem;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.bank-info p{color:var(--base-400);margin-bottom:.35rem;font-size:.88rem;line-height:1.4}.bank-info p strong{color:var(--base-400);opacity:.85}.account-number-row{border-top:1px solid #1a16140f;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:.5rem;display:flex}.account-number-row p{margin-bottom:0!important}.copy-account-btn{background-color:var(--base-200);border:1px solid var(--base-300);cursor:pointer;color:var(--base-400);border-radius:1.5rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.copy-account-btn:hover{background-color:var(--base-300);border-color:var(--base-400)}.copy-account-btn.copied{color:#10b981;background-color:#10b9811a;border-color:#10b981}.copy-btn-icon{font-size:.85rem;transition:transform .2s}.copy-account-btn:active .copy-btn-icon{transform:scale(.85)}.upload-section{margin-top:.15rem}.upload-btn{border:1.5px dashed var(--base-300);cursor:pointer;background-color:#1a161403;border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.upload-btn:hover{background-color:var(--base-200);border-color:var(--base-400)}.upload-btn svg{color:var(--base-300);font-size:1.2rem;transition:color .3s}.upload-btn:hover svg{color:var(--base-400)}.upload-btn span{color:var(--base-400);font-size:.88rem;font-weight:500}.checkout-submit-btn{background-color:var(--base-400);color:var(--base-100);text-transform:uppercase;letter-spacing:.03rem;cursor:pointer;border:none;border-radius:.75rem;margin-top:.25rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #1a16141a}.checkout-submit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 18px #1a161433}.checkout-submit-btn:active{transform:translateY(0)}.checkout-status-overlay{background-color:var(--base-100);z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.status-spinner{border:3px solid var(--base-200);border-top-color:var(--base-400);border-radius:50%;width:44px;height:44px;margin-bottom:1.5rem;animation:1s cubic-bezier(.55,.15,.45,.85) infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.checkout-status-overlay h3{letter-spacing:-.03rem;color:var(--base-400);margin-bottom:.5rem;font-size:1.6rem}.checkout-status-overlay p{color:var(--base-300);font-size:.95rem;line-height:1.4}.status-steps{flex-direction:column;gap:.85rem;width:100%;max-width:280px;margin-top:1.25rem;display:flex}.status-step{color:var(--base-300);align-items:center;gap:.75rem;font-size:.9rem;transition:all .3s;display:flex}.status-step.active{color:var(--base-400);font-weight:600}.status-step.completed{color:#10b981}.status-step-dot{background-color:var(--base-200);border-radius:50%;width:8px;height:8px;transition:all .3s}.status-step.active .status-step-dot{background-color:var(--base-400);transform:scale(1.2);box-shadow:0 0 6px #1a16144d}.status-step.completed .status-step-dot{background-color:#10b981}.status-success-icon{color:#10b981;margin-bottom:1.25rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both scale-up}.status-error-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.status-error-icon{color:#ef4444;margin-bottom:.25rem}.status-error-msg{color:#ef4444;margin-bottom:1.5rem;font-size:.9rem;line-height:1.45}.status-error-retry-btn{background-color:var(--base-400);color:var(--base-100);cursor:pointer;text-transform:uppercase;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .3s}.status-error-retry-btn:hover{background-color:var(--base-300);transform:translateY(-1px)}
.share-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;opacity:0;pointer-events:none;background-color:#000000bf;position:fixed;inset:0}.share-drawer{z-index:999;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background-color:#0d0d0d;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;flex-direction:column;height:80vh;max-height:750px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}@media (min-width:768px){.share-drawer{border:1px solid #ffffff1a;border-radius:24px;width:440px;height:700px;margin-top:-350px;margin-left:-220px;inset:50% auto auto 50%}}.drawer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 1.75rem;display:flex}.drawer-header h3{text-transform:none;letter-spacing:-.01rem;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:500}.done-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;transition:opacity .2s}.done-btn:hover{opacity:.8}.drawer-content{flex-direction:column;flex:1;align-items:center;padding:1.5rem;display:flex;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:0 0}.drawer-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.preview-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:380px;margin-bottom:1.5rem;display:flex}.preview-loader{flex-direction:column;align-items:center;gap:1rem;display:flex}.loader-spinner{border:3px solid #ffffff1a;border-top-color:#38bdf8;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.preview-loader p{opacity:.6;font-family:Space Grotesk,sans-serif;font-size:.9rem}.preview-card-wrapper{aspect-ratio:9/16;border:1px solid #ffffff14;border-radius:18px;height:400px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080}.preview-image{object-fit:cover;width:100%;height:100%}.carousel-wrapper{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex;position:relative}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;width:100%;display:flex}.carousel-dots{justify-content:center;gap:8px;display:flex}.carousel-dot{cursor:pointer;background-color:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.carousel-dot:hover{background-color:#fff6}.carousel-dot.active{background-color:#38bdf8;transform:scale(1.25);box-shadow:0 0 8px #38bdf880}.share-options-container{border-top:1px solid #ffffff0d;width:100%;padding-top:1.5rem}.share-options-row{justify-content:center;gap:1.5rem;width:100%;display:flex}.share-option-btn{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;padding:0;transition:transform .2s;display:flex}.share-option-btn span{color:#a1a1aa;font-family:Space Grotesk,sans-serif;font-size:.75rem}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s,filter .2s;display:flex}.share-option-btn:hover{transform:translateY(-2px)}.share-option-btn:hover .icon-circle{filter:brightness(1.15)}.icon-circle.copy-link{color:#fff;background-color:#ffffff14;border:1px solid #ffffff1a}.icon-circle.whatsapp{color:#fff;background-color:#25d366}.icon-circle.telegram{color:#fff;background-color:#08c;padding-right:2px}.icon-circle.instagram{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.share-toast{color:#fff;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212f2;border:1px solid #ffffff1a;border-radius:50px;padding:.8rem 1.6rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;animation:.3s cubic-bezier(.16,1,.3,1) slide-up-fade-in;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000073}.share-toast p{text-align:center;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up-fade-in{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}