.ee-delivery-estimator {
    display: grid;
    gap: 18px;
}

.ee-delivery-estimator__form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 750;
}

.ee-delivery-estimator__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.ee-delivery-estimator__controls input,
.ee-delivery-estimator__controls button {
    min-height: 48px;
    border-radius: 6px;
}

.ee-delivery-estimator__controls input {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #aebbc4;
}

.ee-delivery-estimator__controls button {
    padding: 10px 18px;
    border: 1px solid #123b5d;
    color: #fff;
    background: #123b5d;
    font-weight: 750;
}

.ee-delivery-estimator__hint {
    margin: 8px 0 0;
    color: #5f6c76;
    font-size: 14px;
}

.ee-delivery-estimator__result {
    display: grid;
    gap: 3px;
    padding: 16px;
    border-left: 4px solid #287b78;
    background: #eef8f7;
}

.ee-delivery-estimator__result.is-error {
    border-left-color: #b85f0e;
    background: #fff3e7;
}

.ee-delivery-estimator__result strong {
    color: #123b5d;
    font-size: 20px;
}

.ee-quote-delivery {
    display: grid;
    gap: 4px;
    margin-top: 10px;
    padding: 14px 16px;
    border-left: 4px solid #287b78;
    color: #30414c;
    background: #eef8f7;
}

.ee-quote-delivery[hidden] {
    display: none;
}

.ee-quote-delivery.is-error {
    border-left-color: #b85f0e;
    background: #fff3e7;
}

.ee-quote-delivery strong {
    display: block;
    margin-bottom: 4px;
    color: #123b5d;
    font-size: 18px;
}

.ee-quote-delivery span {
    display: block;
    line-height: 1.55;
}

@media (max-width: 560px) {
    .ee-delivery-estimator__controls {
        grid-template-columns: 1fr;
    }
}