
.delivery-calculator{padding:80px 20px;background:#f6f8fc;font-family:Poppins,sans-serif}
.calculator-card{max-width:900px;margin:auto;background:#fff;border-radius:24px;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.08)}
.calc-row{margin-bottom:35px}
.calc-row label{display:block;font-size:18px;font-weight:700;color:#0d2b5b;margin-bottom:15px}
.slider-wrap{display:flex;align-items:center;gap:20px}
#orderSlider{flex:1;height:8px;accent-color:#e65100}
#sliderValue{width:55px;height:55px;border-radius:50%;background:#e65100;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.slider-labels{display:flex;justify-content:space-between;margin-top:10px;color:#777;font-size:14px}
.app-grid,.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.app-card,.subscription-card{border:2px solid #e8e8e8;border-radius:18px;padding:22px;text-align:center;cursor:pointer;transition:.3s;background:#fff}
.app-card:hover,.subscription-card:hover,.active{border-color:#e65100;transform:translateY(-4px);box-shadow:0 10px 25px rgba(230,81,0,.18)}
.icon{font-size:34px;margin-bottom:10px}
.app-card h4,.subscription-card h4{margin:8px 0;color:#0d2b5b}
.subscription-card small{color:#777}
.info-box{background:#fff8e8;border-left:5px solid #ff9800;padding:18px;border-radius:12px;color:#555;margin:30px 0}
.result-card{background:linear-gradient(135deg,#ff7a18,#ff5b00);color:#fff;text-align:center;padding:35px;border-radius:22px}
.result-card p{letter-spacing:2px;font-size:13px;margin:0}
.result-card h1{font-size:58px;margin:15px 0}
.result-card span{opacity:.9}
.expense-box{margin-top:30px;border:1px solid #ececec;border-radius:18px;overflow:hidden}
.expense-row{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #eee}
.expense-row:last-child{border-bottom:none}
.expense-row.total{background:#f6f8fc;font-weight:700}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.stat{background:#fff;border:1px solid #ececec;border-radius:18px;padding:22px;text-align:center}
.stat h3{margin:0;color:#e65100;font-size:30px}
.stat p{margin-top:8px;color:#666;font-size:14px}
.cta{margin-top:35px;background:#0d2b5b;color:#fff;text-align:center;padding:40px;border-radius:22px}
.cta h2{margin:0 0 10px}
.cta p{opacity:.8;margin-bottom:25px}
.cta button{background:#e65100;color:#fff;border:none;padding:16px 35px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer}
.cta button:hover{background:#c94700}
@media(max-width:768px){
.calculator-card{padding:25px}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.result-card h1{font-size:42px}
}
@media(max-width:480px){
.app-grid,.subscription-grid,.stats-grid{grid-template-columns:1fr}
.expense-row{font-size:14px}
}
