:root{--hepsiburada-primary-color: #ff6000;--hepsiburada-secondary-color: #e55500;--hepsiburada-dark-color: #1e293b;--hepsiburada-light-color: #fff5f0;--hepsiburada-success-color: #10b981;--hepsiburada-error-color: #ef4444;--hepsiburada-border-color: #e2e8f0;--hepsiburada-text-color: #334155;--hepsiburada-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--hepsiburada-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--hepsiburada-border-radius: 12px}.hepsiburada-commission-calculator{background:linear-gradient(135deg,#fff5f0,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hepsiburada-calculator-container{max-width:140rem;margin:0 auto;padding:0 2rem}@media(max-width:767.98px){.hepsiburada-calculator-container{padding:0 1.6rem}}.hepsiburada-calculator-heading{font-size:3.2rem;font-weight:700;color:var(--hepsiburada-primary-color);text-align:center;margin-bottom:1.6rem;background:linear-gradient(135deg,var(--hepsiburada-primary-color),var(--hepsiburada-secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hepsiburada-calculator-description{font-size:1.6rem;color:var(--hepsiburada-text-color);text-align:center;margin-bottom:4rem;line-height:1.6;max-width:80rem;margin-left:auto;margin-right:auto}.hepsiburada-calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:1200px){.hepsiburada-calculator-layout{grid-template-columns:1fr;gap:3rem;display:flex;flex-direction:column}}.hepsiburada-calculator-form-container{background:#fff;border:1px solid var(--hepsiburada-border-color);border-radius:var(--hepsiburada-border-radius);padding:3rem;box-shadow:var(--hepsiburada-shadow-lg);height:fit-content}@media(max-width:767.98px){.hepsiburada-calculator-form-container{padding:2rem}}.hepsiburada-form-fields{display:flex;flex-direction:column;gap:2.4rem;margin-bottom:3rem}.hepsiburada-form-field{display:flex;flex-direction:column}.hepsiburada-form-label{font-size:1.4rem;font-weight:600;color:var(--hepsiburada-dark-color);margin-bottom:.8rem;display:flex;align-items:center}.form-required{color:var(--hepsiburada-primary-color);margin-left:.4rem}.hepsiburada-form-hint{font-size:1.2rem;color:#64748b;margin-top:.4rem;font-style:italic}.hepsiburada-form-control{width:100%;padding:1.4rem 1.6rem;border:2px solid var(--hepsiburada-border-color);border-radius:8px;font-size:1.4rem;background:#fff;color:var(--hepsiburada-text-color);transition:all .3s ease;font-family:inherit;-webkit-appearance:none}.hepsiburada-form-control:focus{outline:none;border-color:var(--hepsiburada-primary-color);box-shadow:0 0 0 3px #ff60001a;transform:translateY(-1px)}.hepsiburada-form-control:hover{border-color:#ff60004d}.hepsiburada-input-group{position:relative;display:flex;align-items:center}.hepsiburada-input-group .hepsiburada-form-control{padding-right:4rem}.hepsiburada-input-suffix{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);color:var(--hepsiburada-primary-color);font-size:1.4rem;font-weight:600;pointer-events:none}.hepsiburada-vat-options{display:flex;gap:.8rem;flex-wrap:wrap}.hepsiburada-vat-btn{padding:1rem 1.6rem;border:2px solid var(--hepsiburada-border-color);background:#fff;color:var(--hepsiburada-text-color);border-radius:6px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hepsiburada-vat-btn:hover{border-color:var(--hepsiburada-primary-color);color:var(--hepsiburada-primary-color)}.hepsiburada-vat-btn.active{background:var(--hepsiburada-primary-color);border-color:var(--hepsiburada-primary-color);color:#fff}.hepsiburada-custom-vat{margin-top:1rem}.hepsiburada-radio-group{display:flex;gap:2rem;flex-wrap:wrap}.hepsiburada-radio-label{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--hepsiburada-text-color);cursor:pointer}.hepsiburada-radio-label input[type=radio]{display:none}.hepsiburada-radio-custom{width:2rem;height:2rem;border:2px solid var(--hepsiburada-border-color);border-radius:50%;position:relative;transition:all .2s ease}.hepsiburada-radio-label input[type=radio]:checked+.hepsiburada-radio-custom{border-color:var(--hepsiburada-primary-color)}.hepsiburada-radio-label input[type=radio]:checked+.hepsiburada-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:var(--hepsiburada-primary-color);border-radius:50%}.hepsiburada-kdv-toggle{margin-top:.8rem}.hepsiburada-toggle-label{display:flex;align-items:center;gap:1rem;font-size:1.3rem;color:var(--hepsiburada-text-color);cursor:pointer;font-weight:500}.hepsiburada-toggle-input{display:none!important}.hepsiburada-toggle-slider{position:relative;width:4.4rem;height:2.4rem;background:#e2e8f0;border-radius:2.4rem;transition:all .3s ease;border:2px solid transparent}.hepsiburada-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}.hepsiburada-toggle-input:checked+.hepsiburada-toggle-slider{background:var(--hepsiburada-primary-color);border-color:var(--hepsiburada-secondary-color)}.hepsiburada-toggle-input:checked+.hepsiburada-toggle-slider:before{transform:translate(2rem);box-shadow:0 2px 8px #ff60004d}.hepsiburada-toggle-label:hover .hepsiburada-toggle-slider{border-color:#ff60004d}.hepsiburada-toggle-input:focus+.hepsiburada-toggle-slider{box-shadow:0 0 0 3px #ff60001a}.hepsiburada-calculate-btn{background:linear-gradient(135deg,var(--hepsiburada-primary-color),var(--hepsiburada-secondary-color));color:#fff;border:none;padding:1.6rem 3.2rem;border-radius:var(--hepsiburada-border-radius);font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--hepsiburada-shadow);width:100%}.hepsiburada-calculate-btn:hover{transform:translateY(-2px);box-shadow:var(--hepsiburada-shadow-lg);background:linear-gradient(135deg,var(--hepsiburada-secondary-color),#cc4400)}.hepsiburada-calculate-btn:active{transform:translateY(0)}.hepsiburada-phone-mockup-container{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}@media(max-width:767.98px){.hepsiburada-phone-mockup-container{align-items:center;padding-top:0}}.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}.hepsiburada-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:12px;padding:20px;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(--hepsiburada-error-color)}.phone-profit{margin-top:10px;padding-top:15px;border-top:2px solid var(--hepsiburada-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(--hepsiburada-success-color);font-size:18px}.phone-margin{background:#fff7ed;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(--hepsiburada-primary-color);font-size:16px}.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:1200px){.hepsiburada-calculator-form-container{order:1}.hepsiburada-phone-mockup-container{order:2}.phone-container{width:300px;height:650px;transform:scale(.9)}}@media(max-width:767.98px){.hepsiburada-calculator-heading{font-size:2.4rem}.hepsiburada-calculator-description{font-size:1.4rem}.phone-container{width:320px;height:692px;transform:scale(1);margin:0 auto}.hepsiburada-radio-group{flex-direction:column;gap:1rem}.hepsiburada-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){.hepsiburada-calculate-btn,.hepsiburada-vat-btn,.hepsiburada-form-control,.phone-has-results{transition:none;animation:none}}@media(prefers-contrast:high){.hepsiburada-form-control{border-width:3px}.phone-result-item{border-bottom-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hepsiburada-commission-calculator.css.map */