.quote-wrapper { background: #fff; min-height: 100vh; font-family: 'Inter', Arial, sans-serif; }
.quote-container { max-width: 600px; margin: 0 auto; }
.quote-main-title { font-weight: 800; color: #111; font-size: 24px; } /

.progress-segments { gap: 6px; } 
.segment { height: 3px; flex: 1; background: #e9ecef; border-radius: 3px; transition: 0.3s; }
.segment.active { background: #111; }
#step-helper-text { font-weight: 500; color: #555; font-size: 14px; }

.quote-step { display: none; animation: fadeIn 0.3s ease; }
.quote-step.active { display: block; }
@keyframes fadeIn { from{opacity:0; transform:translateX(10px);} to{opacity:1; transform:translateX(0);} }

.service-radio-card { display: block; cursor: pointer; margin-bottom: 10px; }
.service-radio-card input { display: none; }
.card-inner { border: 1.5px solid #e0e0e0; border-radius: 10px; padding: 10px 15px; transition: 0.2s; background: #fff; } 
.icon-box { color: #ffc107; margin-right: 15px; width: 35px; text-align: center; } 
.icon-box i { font-size: 1.5em !important; } 
.check-box { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ddd; display: flex; align-items: center; justify-content: center; color: transparent; transition: 0.2s; font-size: 10px; } 
.service-radio-card input:checked + .card-inner { border-color: #111; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.service-radio-card input:checked + .card-inner .check-box { background: #111; border-color: #111; color: #fff; }

.service-radio-card.compact .card-inner { padding: 8px 15px; font-weight: 600; color: #333; font-size: 14px; }

.sticky-price-box { border: 1.5px solid #111; border-radius: 10px; padding: 10px 15px; margin-bottom: 20px; background: #fff; }
.price-amount { font-size: 19px; font-weight: 800; color: #111; }
.price-badge { font-size: 12px; font-weight: 600; color: #555; background: #f8f9fa; padding: 3px 8px; border-radius: 15px; }

.select-flat { border: 1.5px solid #e0e0e0; border-radius: 6px; height: 42px; padding: 5px 12px; font-weight: 500; color: #333; box-shadow: none !important; font-size: 14px; } /* Yükseklik 50px'ten 42px'e düşürüldü */
.select-flat:focus { border-color: #111; }

.size-btn { flex: 1; min-width: 60px; margin-right: 6px; margin-bottom: 6px; text-align: center; cursor: pointer; }
.size-btn input { display: none; }
.size-btn span { display: block; border: 1.5px solid #e0e0e0; border-radius: 6px; padding: 8px 4px; font-weight: 600; color: #555; transition: 0.2s; font-size: 13px; }
.size-btn input:checked + span { border-color: #111; color: #111; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }

.date-btn { cursor: pointer; }
.date-btn input { display: none; }
.date-btn span { display: block; border: 1.5px solid #e0e0e0; border-radius: 6px; padding: 8px 4px; font-weight: 600; color: #555; text-align: center; transition: 0.2s; font-size: 13px; }
.date-btn input:checked + span { border-color: #111; color: #111; }

.toggle-group { border: 1.5px solid #e0e0e0; border-radius: 6px; overflow: hidden; height: 42px; } /* Yükseklik 50px'ten 42px'e düşürüldü */
.toggle-btn { cursor: pointer; border-right: 1.5px solid #e0e0e0; }
.toggle-btn:last-child { border: none; }
.toggle-btn input { display: none; }
.toggle-btn span { display: flex; align-items: center; justify-content: center; height: 100%; font-weight: 600; color: #555; transition: 0.2s; font-size: 13px; }
.toggle-btn input:checked + span { background: #fff; color: #111; border: 1.5px solid #111; border-radius: 6px; margin: -1.5px; position: relative; z-index: 1; }

.photo-upload-box { border: 2px dashed #ccc; border-radius: 10px; padding: 25px 15px; cursor: pointer; background: #fdfdfd; transition: 0.2s; } /* Kutu ebatı daraltıldı */
.photo-upload-box:hover { border-color: #111; }

.btn-yellow { background-color: #ffc107; color: #111; border: none; border-radius: 6px; transition: 0.2s; padding: 12px 20px !important; font-size: 16px !important; }
.btn-yellow:hover { background-color: #e0a800; color: #111; }

.quote-step h4, .quote-step h5 { font-size: 1.1rem; margin-bottom: 12px !important; }
.mb-4 { margin-bottom: 1rem !important; }
.mb-5 { margin-bottom: 1.5rem !important; }