.offer-ribbon{position: absolute; right: -0px; top: 10px; background: #ffc107; padding: 1px px; font-size: 8px; font-weight: 100; transform: rotate(0deg); color: black;} .vehicle-header{font-size: 15px; font-weight: 600; margin-bottom: 2px;} .vehicle-imei{font-size: 13px; color: #555; margin-bottom: 3px;} .vehicle-validity{font-size: 13px; color: #28a745; font-weight: 600; margin-bottom: 10px;} .pay-container{display: flex; justify-content: space-between; gap: 12px; margin-top: 10px;} .pay-block{width: 50%; border: 1px solid #dde7f8; border-radius: 12px; padding: 14px; background: #f8fbff; transition: 0.2s ease;} .pay-block:hover{background: #eef5ff;} .pay-block.selected{border: 2px solid #0066ff; background: #eaf2ff;} .pay-title{font-size: 13px; font-weight: 600; color: #333; margin-bottom: 3px;} .pay-validity{font-size: 12px; color: #28a745; margin-bottom: 6px;} .pay-amount{font-size: 20px; font-weight: 800; color: #0066ff; margin-bottom: 5px; margin-top: 4px;} .pay-block input[type=radio]{margin-top: 6px; transform: scale(1.1);} .price-row{display: flex; align-items: center; justify-content: space-between; border: 1px solid #d0d7e6; padding: 10px 12px; border-radius: 10px; background: #fff; margin-bottom: 12px;} .price-left{display: flex; align-items: center; gap: 10px;} .price-info{display: flex; flex-direction: column;} .price-title{font-size: 14px; font-weight: 600;} .price-validity{font-size: 12px; color: #28a745;} .qty-input{width: 45px; padding: 3px; text-align: center; border: 1px solid #ccc; border-radius: 6px;} .price-amount{font-size: 16px; font-weight: bold; color: #1d4ed8;} .vehicle-info-row{display: flex; justify-content: space-between; align-items: center; margin-top: 3px; margin-bottom: 6px;} .vehicle-imei{font-size: 14px; color: #333;} .vehicle-validity{font-size: 14px; color: #d9534f; text-align: right;}