.yaalini-shipcalc__inner {
    max-width: 400px;
}

.yaalini-shipcalc__field {
    margin-bottom: 10px;
}

.yaalini-shipcalc__field label {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}

.yaalini-shipcalc__field select,
.yaalini-shipcalc__field input[type="text"] {
    width: 100%;
    max-width: 320px;
}

.yaalini-shipcalc__submit {
    margin-top: 6px;
    margin-bottom: 12px;
}

.yaalini-shipcalc__results {
    margin-top: 14px;
}

.yaalini-shipcalc__rates {
    list-style: none;
    margin: 0;
    padding: 0;
    width: fit-content;
    min-width: 240px;
    max-width: 400px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}

.yaalini-shipcalc__rate {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 24px;
    padding: 12px 14px;
    background: #fafafa;
}

.yaalini-shipcalc__rate:nth-child(even) {
    background: #ffffff;
}

.yaalini-shipcalc__rate + .yaalini-shipcalc__rate {
    border-top: 1px solid #e5e5e5;
}

.yaalini-shipcalc__rate-title {
    font-weight: 500;
    color: #333;
}

.yaalini-shipcalc__rate-price {
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
}

.yaalini-shipcalc__message {
    color: #b30000;
    padding: 10px 14px;
    background: #fdf1f1;
    border: 1px solid #f3d6d6;
    border-radius: 6px;
}

.yaalini-shipcalc__loading {
    color: #666;
}