/* Shipping calculator */
.calc { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 2rem; align-items: start; }
.calc__form { background: #fff; border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 2.25rem); }
.calc__units { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.calc__toggle { display: inline-flex; border: 1px solid var(--color-gray-300); border-radius: var(--radius-full); overflow: hidden; }
.calc__toggle-btn { padding: .5rem 1.1rem; font-weight: 600; font-size: var(--fs-body-sm); color: var(--color-text-body); background: #fff; }
.calc__toggle-btn.is-active { background: var(--color-primary); color: var(--color-black); }
.calc__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.calc__result { position: sticky; top: calc(var(--header-height) + 16px); background: var(--color-charcoal); color: #fff; border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 2.25rem); }
.calc__result-title { color: #C9C9C9; font-size: var(--fs-body-sm); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.calc__chargeable { font-family: var(--font-heading); font-weight: 700; font-size: clamp(2.5rem, 6vw, 3.25rem); line-height: 1; margin: .5rem 0; color: var(--color-primary); }
.calc__chargeable .calc__unit { font-size: 1.25rem; color: #fff; }
.calc__basis { color: #C9C9C9; font-size: var(--fs-body-sm); min-height: 2.5em; }
.calc__breakdown { display: grid; gap: .5rem; margin: 1.25rem 0; padding: 1.25rem 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.calc__breakdown div { display: flex; justify-content: space-between; }
.calc__breakdown dt { color: #C9C9C9; }
.calc__breakdown dd { font-weight: 600; font-variant-numeric: tabular-nums; }
.calc__result .btn { margin-top: .5rem; }
@media (max-width: 860px) { .calc { grid-template-columns: 1fr; } .calc__result { position: static; } }
@media (max-width: 460px) { .calc__grid { grid-template-columns: 1fr; } }