:root{--n11-primary-color: #5d3ebc;--n11-secondary-color: #4d32a0;--n11-dark-color: #1e293b;--n11-light-color: #f3f0ff;--n11-success-color: #10b981;--n11-border-color: #e2e8f0;--n11-text-color: #334155;--n11-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--n11-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--n11-border-radius: 12px}.n11-commission-calculator{background:linear-gradient(135deg,#f3f0ff,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.n11-calculator-container{max-width:140rem;margin:0 auto;padding:0 2rem}@media (max-width: 767.98px){.n11-calculator-container{padding:0 1.6rem}}.n11-calculator-heading{font-size:3.2rem;font-weight:700;color:var(--n11-primary-color);text-align:center;margin-bottom:1.6rem;background:linear-gradient(135deg,var(--n11-primary-color),var(--n11-secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 767.98px){.n11-calculator-heading{font-size:2.4rem;margin-bottom:1.2rem}}.n11-calculator-description{font-size:1.6rem;color:var(--n11-text-color);text-align:center;margin-bottom:4rem;line-height:1.6;max-width:60rem;margin-left:auto;margin-right:auto}@media (max-width: 767.98px){.n11-calculator-description{font-size:1.4rem;margin-bottom:3rem}}.n11-calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 767.98px){.n11-calculator-layout{grid-template-columns:1fr;gap:3rem}}@media (max-width: 1200px){.n11-phone-mockup-container{order:-1}.phone-container{width:300px;height:552px;transform:scale(.9)}}.n11-calculator-form-container{background:#fff;border:1px solid var(--n11-border-color);border-radius:var(--n11-border-radius);padding:3rem;box-shadow:var(--n11-shadow-lg);height:fit-content}@media (max-width: 767.98px){.n11-calculator-form-container{padding:2rem}}.n11-form-fields{display:flex;flex-direction:column;gap:2.4rem;margin-bottom:3.2rem}@media (max-width: 767.98px){.n11-form-fields{gap:2rem;margin-bottom:2.4rem}}.n11-form-field{display:flex;flex-direction:column}.n11-form-label{font-size:1.4rem;font-weight:600;color:var(--n11-dark-color);margin-bottom:.8rem;display:flex;align-items:center}.form-required{color:var(--n11-primary-color);margin-left:.4rem}.n11-form-control{width:100%;padding:1.6rem 1.8rem;border:2px solid var(--n11-border-color);border-radius:8px;font-size:1.4rem;background:#fff;color:var(--n11-text-color);transition:all .3s ease;font-family:inherit;-webkit-appearance:none}.n11-form-control:focus{outline:none;border-color:var(--n11-primary-color);box-shadow:0 0 0 3px #7b68ee1a;transform:translateY(-1px)}.n11-form-control:hover{border-color:#7b68ee4d}.n11-form-control:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.n11-form-control::placeholder{color:rgba(var(--n11-text-color),.6);opacity:1}.n11-input-group{position:relative;display:flex;align-items:center}.n11-input-group .n11-form-control{padding-right:4rem}.n11-input-suffix{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);color:var(--n11-primary-color);font-size:1.4rem;font-weight:600;pointer-events:none}.n11-form-actions{display:flex;justify-content:center}.n11-vat-options{display:flex;gap:.8rem;flex-wrap:wrap}.n11-vat-btn{padding:1rem 1.6rem;border:2px solid var(--n11-border-color);background:#fff;color:var(--n11-text-color);border-radius:6px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .2s ease}.n11-vat-btn:hover{border-color:var(--n11-primary-color);color:var(--n11-primary-color)}.n11-vat-btn.active{background:var(--n11-primary-color);border-color:var(--n11-primary-color);color:#fff}.n11-custom-vat{margin-top:1rem}.n11-radio-group{display:flex;gap:2rem;flex-wrap:wrap}.n11-radio-label{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--n11-text-color);cursor:pointer}.n11-radio-label input[type=radio]{display:none}.n11-radio-custom{width:2rem;height:2rem;border:2px solid var(--n11-border-color);border-radius:50%;position:relative;transition:all .2s ease}.n11-radio-label input[type=radio]:checked+.n11-radio-custom{border-color:var(--n11-primary-color)}.n11-radio-label input[type=radio]:checked+.n11-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:var(--n11-primary-color);border-radius:50%}.n11-kdv-toggle{margin-top:.8rem}.n11-toggle-label{display:flex;align-items:center;gap:1rem;font-size:1.3rem;color:var(--n11-text-color);cursor:pointer;font-weight:500}.n11-toggle-input{display:none!important}.n11-toggle-slider{position:relative;width:4.4rem;height:2.4rem;background:#e2e8f0;border-radius:2.4rem;transition:all .3s ease;border:2px solid transparent}.n11-toggle-slider:before{content:"";position:absolute;top:.2rem;left:.2rem;width:1.6rem;height:1.6rem;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.n11-toggle-input:checked+.n11-toggle-slider{background:#5d3ebc;border-color:#4d32a0}.n11-toggle-input:checked+.n11-toggle-slider:before{transform:translate(2rem);box-shadow:0 2px 8px #5d3ebc4d}.n11-toggle-label:hover .n11-toggle-slider{border-color:#5d3ebc4d}.n11-toggle-input:focus+.n11-toggle-slider{box-shadow:0 0 0 3px #5d3ebc1a}.n11-form-hint{font-size:1.2rem;color:#64748b;margin-top:.4rem;font-style:italic}.n11-calculate-btn{background:linear-gradient(135deg,var(--n11-primary-color),var(--n11-secondary-color));color:#fff;border:none;padding:1.6rem 3.2rem;border-radius:var(--n11-border-radius);font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--n11-shadow);width:100%}.n11-calculate-btn:hover{transform:translateY(-2px);box-shadow:var(--n11-shadow-lg);background:linear-gradient(135deg,var(--n11-secondary-color),#5A4FCF)}.n11-calculate-btn:active{transform:translateY(0)}.n11-calculator__result{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;opacity:0;transform:translateY(1rem);transition:all .4s ease-in-out;margin-bottom:2rem}@media (max-width: 767.98px){.n11-calculator__result{padding:1.6rem;margin-bottom:1.6rem}}.n11-calculator__result.n11-result--visible{opacity:1;transform:translateY(0)}.n11-calculator__result[style*=block]{opacity:1;transform:translateY(0);animation:n11-slideIn .5s ease-out}@keyframes n11-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.n11-result__header{margin-bottom:1.6rem;text-align:center}.n11-result__title{color:var(--n11-text-color);font-size:1.8rem;font-weight:600;margin:0}.n11-result__grid{display:grid;gap:.8rem}.n11-result__item{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;background-color:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.n11-result__item:hover{box-shadow:0 2px 4px #0000000d}.n11-result__item--highlight{background:#f0fdf4;border-color:var(--n11-success-color)}@media (max-width: 767.98px){.n11-result__item{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem}}.n11-result__label{font-weight:500;color:var(--n11-text-color);font-size:1.3rem}.n11-result__value{font-weight:600;color:var(--n11-primary-color);font-size:1.6rem}.n11-result__item--highlight .n11-result__value{color:var(--n11-success-color)}.n11-simple-btn{background:#f3f4f6;color:var(--n11-text-color);border:1px solid #d1d5db;padding:1rem 2rem;border-radius:6px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.n11-simple-btn:hover{background:#e5e7eb;border-color:#9ca3af}.n11-simple-btn:before{content:"\1f4cb";font-size:1.4rem}.n11-simple-btn.copied{background:#d1fae5;border-color:var(--n11-success-color);color:var(--n11-success-color)}.n11-simple-btn.copied:before{content:"\2705"}.n11-simple-btn--outline{background-color:#fff;color:var(--n11-primary-color);border:2px solid var(--n11-primary-color)}.n11-simple-btn--outline:hover{background:linear-gradient(135deg,var(--n11-primary-color),var(--n11-secondary-color));color:#fff;transform:translateY(-1px);box-shadow:0 6px 12px -2px #7b68ee40}.n11-calculator__info{background:#fff;border:1px solid var(--n11-border-color);border-radius:16px;padding:3rem;box-shadow:var(--n11-shadow-lg)}@media (max-width: 767.98px){.n11-calculator__info{padding:2rem;border-radius:12px}}.n11-info__header{margin-bottom:1rem}.n11-info__title{color:var(--n11-primary-color);font-size:2.4rem;font-weight:700;margin:0}.n11-info__content{color:var(--n11-text-color);line-height:1.6}.n11-info__content p{font-size:1.4rem;margin-bottom:1.6rem}.n11-info__content p:last-child{margin-bottom:0}.n11-info__calculation{background-color:var(--n11-light-color);border-radius:8px;padding:1.6rem;margin-top:1.6rem;border-left:4px solid var(--n11-primary-color)}.n11-info__calculation h4{color:var(--n11-dark-color);font-size:1.8rem;font-weight:600;margin:0 0 1.6rem}.n11-info__calculation p{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1.2rem;color:var(--n11-dark-color);background-color:#fff;padding:1rem;border-radius:4px;border:1px solid var(--n11-border-color);margin:0}.n11-loading{opacity:.7;pointer-events:none}.n11-form-control option{padding:8px;font-size:1.4rem}@media (prefers-reduced-motion: reduce){.n11-calculate-btn,.n11-simple-btn,.n11-result__item,.n11-form-control{transition:none}.n11-calculator__result{animation:none}}@media (prefers-contrast: high){.n11-form-control{border-width:3px}.n11-result__item{border-left-width:6px}}.n11-phone-mockup{margin-top:4rem;display:flex;justify-content:center;align-items:center}.n11-phone-mockup-container{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.phone-container{position:relative;width:375px;height:690px;background:#1a1a1a;border-radius:40px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 2px #ffffff1a;padding:10px;flex-shrink:0}.phone-button{position:absolute;background:#2a2a2a}.phone-button--power{right:-3px;top:180px;width:3px;height:80px;border-radius:0 2px 2px 0}.phone-button--volume-up{left:-3px;top:140px;width:3px;height:50px;border-radius:2px 0 0 2px}.phone-button--volume-down{left:-3px;top:200px;width:3px;height:50px;border-radius:2px 0 0 2px}.phone-button--mute{left:-3px;top:90px;width:3px;height:30px;border-radius:2px 0 0 2px}.phone-screen{width:100%;height:100%;background:#000;border-radius:30px;overflow:hidden;position:relative}.phone-dynamic-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:35px;background:#000;border-radius:20px;z-index:10}.phone-content{width:100%;height:100%;background:#fff;position:relative;display:flex;flex-direction:column}.phone-status-bar{position:absolute;top:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#000;font-size:14px;font-weight:500;z-index:15}.phone-status-icons{display:flex;gap:5px;align-items:center}.phone-profit-results{flex:1;padding:50px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto}.n11-logo{margin-bottom:8px}.phone-results-title{color:#333;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.phone-no-results-text{color:#666;font-size:14px;text-align:center;line-height:1.5;margin:0}.phone-results-container{background:#f8fafc;border-radius:16px;padding:25px;width:100%;max-width:300px;box-shadow:0 2px 10px #0000000d}.phone-result-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e0e0e0;gap:10px}.phone-result-item:last-child{border-bottom:none}.phone-result-label{color:#666;font-size:13px;line-height:1.3;flex:1}.phone-result-label small{display:block;font-size:11px;opacity:.8}.phone-result-value{color:#333;font-size:15px;font-weight:600;text-align:right}.phone-negative .phone-result-value{color:var(--n11-error-color, #ef4444)}.phone-profit{margin-top:10px;padding-top:15px;border-top:2px solid var(--n11-success-color);background:#f0fdf4;border-radius:6px;padding-left:12px;padding-right:12px;margin-left:-8px;margin-right:-8px}.phone-profit .phone-result-value{color:var(--n11-success-color);font-size:18px}.phone-margin{background:#f3f0ff;border-radius:6px;padding-left:12px;padding-right:12px;margin-left:-8px;margin-right:-8px;margin-top:8px}.phone-margin .phone-result-value{color:var(--n11-primary-color);font-size:16px}.phone-success-message{margin-top:30px;text-align:center}.phone-success-message svg{margin-bottom:10px}.phone-success-message p{margin:0;color:#4caf50;font-size:16px;font-weight:600}.phone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:135px;height:5px;background:#000;border-radius:100px;opacity:.3}@media (max-width: 767.98px){.n11-phone-mockup-container{display:flex;justify-content:center;padding:0}.phone-container{width:320px;height:692px;transform:scale(1);margin:0 auto}.n11-radio-group{flex-direction:column;gap:1rem}.n11-vat-options{grid-template-columns:repeat(2,1fr)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.phone-has-results{animation:slideInUp .5s ease-out}@media (prefers-reduced-motion: reduce){.n11-calculate-btn,.n11-vat-btn,.n11-form-control,.phone-has-results{transition:none;animation:none}}@media (prefers-contrast: high){.n11-form-control{border-width:3px}.phone-result-item{border-bottom-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-n11-commission-calculator.css.map */