.rmc-calculator-container,
.rmc-calculator-container * { box-sizing: border-box; }
.rmc-calculator-container {
    max-width: 560px;
    margin: 20px auto;
    padding: 22px;
    border: 1px solid var(--rmc-border-color, #ddd);
    background: var(--rmc-background-color, #fff);
    color: var(--rmc-text-color, #222);
}
.rmc-calculator-container h3,
.rmc-calculator-container h4,
.rmc-calculator-container p,
.rmc-calculator-container label { color: inherit; }
.rmc-calculator-container .rmc-field { margin-bottom: 15px; }
.rmc-calculator-container label { display: block; font-weight: 700; margin-bottom: 5px; }
.rmc-calculator-container input,
.rmc-calculator-container select { width: 100%; padding: 8px; min-height: 42px; background: #fff; color: #222; border: 1px solid var(--rmc-border-color, #ddd); border-radius: 3px; font: inherit; }
.rmc-calculator-container .rmc-submit-btn,
.rmc-calculator-container .rmc-add-to-cart-btn {
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 0;
    border-radius: var(--rmc-button-radius, 4px);
    font: inherit;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
    white-space: normal;
    cursor: pointer;
    box-shadow: none;
}
.rmc-calculator-container .rmc-submit-btn { background: var(--rmc-calculate-color, #0071a1); color: var(--rmc-calculate-text-color, #fff); }
.rmc-calculator-container .rmc-submit-btn:hover { background: var(--rmc-calculate-hover, #005780); color: var(--rmc-calculate-text-color, #fff); }
.rmc-calculator-container .rmc-add-to-cart-btn { margin-top: 10px; background: var(--rmc-cart-color, #188329); color: var(--rmc-cart-text-color, #fff); }
.rmc-calculator-container .rmc-add-to-cart-btn:hover { background: var(--rmc-cart-hover, #10611d); color: var(--rmc-cart-text-color, #fff); }
.rmc-calculator-container button:disabled { opacity: 0.65; cursor: wait; }
.rmc-calculator-container :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.rmc-calculator-container .rmc-results { margin-top: 20px; padding: 15px; background: var(--rmc-results-color, #f9f9f9); border-left: 4px solid var(--rmc-calculate-color, #0071a1); overflow-wrap: anywhere; }
.rmc-calculator-container [hidden] { display: none !important; }
.rmc-calculator-container .rmc-error { color: #b00020; font-weight: 600; }
@media (max-width: 420px) { .rmc-calculator-container { padding: 16px; } }