:root{--nao-primary-black: #000000;--nao-primary-white: #ffffff;--nao-gray-light: #f5f5f7;--nao-gray-medium: #86868b;--nao-gray-border: #d1d1d6;--nao-error-red: #e11d48;--nao-button-brown: #d2a679;--nao-emerald-600: #059669;--nao-emerald-50: #f0fdf4;--nao-modal-z: 10000;--nao-transition: all .3s ease}.nao-checkout-wrapper{box-sizing:border-box}.nao-checkout-wrapper *{box-sizing:inherit}.nao-cta-container{text-align:center;margin:16px 0}.nao-cta-button{width:100%;background:var(--nao-primary-black);color:var(--nao-primary-white);border:none;border-radius:50px;padding:16px;cursor:pointer;font-weight:700;font-size:16px}.nao-cta-button{position:relative}@media(prefers-reduced-motion:no-preference){.nao-cta-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 5px #00000024;opacity:0;pointer-events:none;animation:nao-cta-breath var(--nao-dur-breathe, 4s) var(--nao-ease-inout, ease-in-out) infinite}}.nao-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center;z-index:var(--nao-modal-z);opacity:0;transition:var(--nao-transition)}.nao-modal-overlay.nao-active{display:flex;opacity:1}.nao-modal-container{background:var(--nao-primary-white);width:100%;max-width:500px;max-height:95vh;border-radius:20px 20px 0 0;position:relative;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .5s cubic-bezier(.32,.72,0,1)}.nao-modal-overlay.nao-active .nao-modal-container{transform:translateY(0)}@media(prefers-reduced-motion:no-preference){@starting-style{.nao-modal-overlay.nao-active{opacity:0}.nao-modal-overlay.nao-active .nao-modal-container{transform:translateY(100%)}.nao-loss-modal-overlay.nao-active{opacity:0}.nao-loss-modal-overlay.nao-active .nao-loss-modal-container{transform:scale(.9)}}@keyframes nao-modal-item{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nao-modal-overlay.nao-active .nao-modal-content>*{animation:nao-modal-item .45s cubic-bezier(.25,1,.5,1) both}.nao-modal-overlay.nao-active .nao-modal-content>:nth-child(2){animation-delay:50ms}.nao-modal-overlay.nao-active .nao-modal-content>:nth-child(3){animation-delay:.1s}.nao-modal-overlay.nao-active .nao-modal-content>:nth-child(4){animation-delay:.15s}.nao-modal-overlay.nao-active .nao-modal-content>:nth-child(5){animation-delay:.2s}.nao-modal-overlay.nao-active .nao-modal-content>:nth-child(n+6){animation-delay:.25s}}.nao-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}.nao-modal-header h2{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.nao-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.nao-close-btn{transition:transform .25s cubic-bezier(.25,1,.5,1),color .25s ease}.nao-close-btn:hover{transform:rotate(90deg);color:#000}}.nao-modal-content{padding:20px}.nao-product-summary{display:flex;gap:12px;margin-bottom:16px;align-items:center}.nao-prod-thumb{width:60px;height:60px;background:#f5f5f5;border-radius:8px;position:relative}.nao-prod-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.nao-prod-badge{position:absolute;top:-8px;right:-8px;background:#666;color:#fff;font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nao-prod-info{flex:1}.nao-prod-title{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:2px}.nao-prod-variant{font-size:12px;color:#666}.nao-prod-price{font-weight:700;font-size:14px;text-align:right}.nao-summary-totals{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:12px 0;margin-bottom:20px}.nao-summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.nao-summary-row.nao-total{font-weight:700;font-size:16px;margin-top:8px;margin-bottom:0}.nao-section-title{font-size:15px;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.nao-shipping-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.nao-shipping-method{display:flex;flex-direction:column;padding:16px;border:1px solid var(--nao-gray-border);border-radius:12px;cursor:pointer;transition:var(--nao-transition);position:relative;background:#fff}.nao-shipping-method.nao-selected{border-width:2px}@media(prefers-reduced-motion:no-preference){.nao-shipping-method{transition:border-color .25s ease,background-color .25s ease,opacity .25s ease,transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s cubic-bezier(.32,.72,0,1)}.nao-shipping-method.nao-selected{transform:translateY(-1px);box-shadow:0 8px 20px -10px #00000040}.nao-shipping-method:active{transform:scale(.99)}}.nao-shipping-method.nao-premium{border-color:var(--nao-emerald-600);background:var(--nao-emerald-50)}.nao-shipping-method.nao-premium.nao-selected{box-shadow:0 0 0 1px var(--nao-emerald-600)}.nao-shipping-method.nao-neutral{border-color:var(--nao-gray-border);opacity:.8}.nao-shipping-method.nao-neutral.nao-selected{border-color:#000;background:#f9fafb;opacity:1}.nao-badge-recommended{position:absolute;top:-10px;right:12px;background:var(--nao-emerald-600);color:#fff;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 2px 4px #0000001a}.nao-method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nao-method-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.nao-radio-dot{width:14px;height:14px;border:2px solid var(--nao-gray-border);border-radius:50%;position:relative;transition:border-color .2s ease}.nao-radio-dot:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:currentcolor;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.nao-selected .nao-radio-dot{border-color:currentcolor}.nao-selected .nao-radio-dot:after{transform:translate(-50%,-50%) scale(1)}.nao-breakdown-container{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#4b5563}.nao-mini-thumb{width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.nao-mini-thumb img{width:100%;height:100%;object-fit:cover}.nao-breakdown-list{list-style:none;line-height:1.4}.nao-strikethrough{text-decoration:line-through;opacity:.6}.nao-free-text{color:var(--nao-emerald-600);font-weight:700}.nao-cod-subtext{font-size:11px;color:#6b7280;padding-left:22px}.nao-trust-container{margin-top:10px;display:flex;flex-direction:column;gap:6px;padding-left:22px}.nao-trust-text{font-size:11px;font-weight:700;color:#374151;display:flex;align-items:center;gap:4px}.nao-payment-logos{display:flex;gap:6px;opacity:.7}.nao-payment-logos img,.nao-payment-logos .nao-payment-icon{height:14px;width:auto}.nao-loss-alert{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c;padding:12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:16px;display:none}.nao-form-header-msg{text-align:center;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.nao-form-group{margin-bottom:12px;display:flex;flex-direction:column}.nao-input-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;text-align:left}.nao-input-label span{color:var(--nao-error-red)}.nao-input-wrapper{display:flex;align-items:center;border:1px solid var(--nao-gray-border);border-radius:8px;overflow:hidden;background:#fff;transition:border-color .2s ease,box-shadow .25s ease}.nao-input-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-right:1px solid var(--nao-gray-border);color:#333;transition:background-color .25s ease,color .25s ease}.nao-input-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 3px #adc4c273}.nao-input-wrapper:focus-within .nao-input-icon{background:#fff;color:#000}.nao-form-input{flex:1;border:none;padding:12px;font-size:16px;outline:none;background:transparent}.nao-form-select{flex:1;border:none;padding:12px;font-size:16px;outline:none;background:#fff;appearance:none;-webkit-appearance:none;cursor:pointer}.nao-select-wrapper{position:relative}.nao-select-wrapper:after{content:"\25bc";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none}.nao-phone-toggle-group{display:flex;align-items:center;gap:8px;margin:4px 0 12px 4px;cursor:pointer;font-size:13px;font-weight:600;color:#374151}.nao-phone-toggle-group input{width:16px;height:16px;cursor:pointer;accent-color:var(--nao-emerald-600)}.nao-red-note{color:var(--nao-error-red);font-size:13px;font-weight:700;text-align:center;line-height:1.4;margin:16px 0;display:flex;align-items:center;justify-content:center;gap:6px}.nao-submit-button{width:100%;border-radius:8px;padding:16px;margin-top:20px;cursor:pointer;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:var(--nao-transition)}.nao-submit-button.nao-vibrant{background:var(--nao-emerald-600);color:#fff;box-shadow:0 4px 14px #05966966}.nao-submit-button.nao-vibrant:hover{background:#047857;transform:translateY(-2px)}.nao-submit-button.nao-neutral-btn{background:#374151;color:#fff;opacity:.9}.nao-submit-button.nao-neutral-btn:hover{background:#1f2937}.nao-submit-button:active{transform:scale(.98)}.nao-submit-button:disabled{cursor:progress;opacity:.75;transform:none}.nao-btn-main-text{font-weight:700;font-size:15px;display:block}.nao-btn-sub-text{font-size:12px;display:block;margin-top:2px;opacity:.9}.nao-error-msg{color:var(--nao-error-red);font-size:11px;margin-top:4px;height:12px;text-align:left}.nao-honeypot{display:none!important;position:absolute!important;left:-9999px!important;visibility:hidden!important}.nao-hidden{display:none!important}.nao-shipping-method:focus-visible,.nao-close-btn:focus-visible,.nao-cta-button:focus-visible,.nao-submit-button:focus-visible,.nao-loss-btn-primary:focus-visible,.nao-loss-btn-secondary:focus-visible{outline:3px solid var(--nao-emerald-600);outline-offset:2px}.nao-btn-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:nao-spin .8s linear infinite;margin-top:4px}.nao-loss-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:11000;opacity:0;transition:var(--nao-transition);padding:20px}.nao-loss-modal-overlay.nao-active{display:flex;opacity:1}.nao-loss-modal-container{background:#fff;width:100%;max-width:400px;border-radius:20px;padding:30px 24px;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 40px #0003}.nao-loss-modal-overlay.nao-active .nao-loss-modal-container{transform:scale(1)}.nao-loss-modal-title{color:var(--nao-error-red);font-size:18px;font-weight:800;margin-bottom:16px;text-transform:uppercase}.nao-loss-modal-img{width:150px;height:150px;margin:0 auto 20px;background:#f8fafc;border-radius:16px;overflow:hidden}.nao-loss-modal-img img{width:100%;height:100%;object-fit:cover}.nao-loss-modal-text{font-size:14px;line-height:1.6;color:#4b5563;margin-bottom:24px}.nao-loss-modal-text b{color:#111827;font-weight:700}.nao-loss-btn-primary{width:100%;background:var(--nao-emerald-600);color:#fff;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;margin-bottom:12px;transition:var(--nao-transition);text-transform:uppercase}.nao-loss-btn-primary:hover{background:#047857;transform:translateY(-2px)}.nao-loss-btn-secondary{background:none;border:none;color:#9ca3af;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-transform:uppercase}.nao-loss-btn-secondary:hover{color:#6b7280}@media(min-width:768px){.nao-modal-overlay{align-items:center}.nao-modal-container{border-radius:12px;transform:translateY(30px)}.nao-modal-overlay.nao-active .nao-modal-container{transform:translateY(0)}}@keyframes nao-cta-breath{0%,to{opacity:0;transform:scale(.99)}50%{opacity:.5;transform:scale(1.015)}}@keyframes nao-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/nao-checkout.css.map */