Cum calculezi POAS vs ROAS în E-commerce: Ghid + Calculator

/* Cardul exterior gri Apple Style */ .apple-tradein-card { background-color: #F5F5F7; border: 2px solid #E5E5EA; /* Border de 2px */ border-radius: 24px; padding: 32px; margin: 32px 0; box-sizing: border-box; } .apple-tradein-card h2 { font-size: 1.5rem !important; font-weight: 700 !important; margin-top: 0 !important; margin-bottom: 6px !important; letter-spacing: -0.02em; color: #1D1D1F; } .apple-tradein-card p.apple-subtitle { font-size: 0.95rem; color: #86868B; margin-bottom: 28px !important; line-height: 1.4; } /* Grid Layout 2 Coloane */ .apple-calculator-grid { display: grid; grid-template-columns: 1fr 320px; gap: 32px; align-items: stretch; } @media (max-width: 768px) { .apple-calculator-grid { grid-template-columns: 1fr; } } /* Lista Liberă de Opțiuni în Stânga */ .apple-free-list { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .apple-free-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 2px solid #E5E5EA; /* Border de 2px */ gap: 16px; } .apple-free-row:first-child { padding-top: 0; } .apple-free-row:last-child { border-bottom: none; padding-bottom: 0; } .apple-row-info { display: flex; flex-direction: column; flex: 1; } .apple-row-title { font-size: 0.95rem; font-weight: 600; color: #1D1D1F; letter-spacing: -0.01em; } .apple-row-desc { font-size: 0.825rem; color: #86868B; margin-top: 2px; line-height: 1.35; } /* Steppers Cercuri + Underline Input */ .apple-circle-stepper { display: inline-flex; align-items: center; gap: 8px; } .apple-circle-stepper button { width: 34px; height: 34px; border-radius: 50%; border: none; background: #FFFFFF; color: #1D1D1F; font-size: 1.1rem; font-weight: 600; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); transition: transform 0.1s ease, background-color 0.1s; user-select: none; } .apple-circle-stepper button:hover { background: #E5E5EA; }…