.currency-calculator{margin:18px 0 28px;padding:20px;border:1px solid #dce6ed;border-radius:16px;background:#f8fafc;color:#0f172a;max-width:100%;font-family:inherit}.currency-calculator .currency-field{display:grid;gap:8px;font-weight:600;width:100%;font-size:.9rem}.currency-calculator select:not(.tomselected){width:100%;min-width:0;padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;background:white;color:#0f172a;font:inherit}.currency-calculator :focus-visible{outline:3px solid #5a9bd4;outline-offset:2px}.currency-calculator output{display:block;font-size:1.5rem;font-weight:800;margin-top:12px;overflow-wrap:anywhere}.currency-calculator p{font-size:.8rem;margin:6px 0;color:#475569}.currency-calculator small{display:block;font-size:.75rem;line-height:1.6;color:#475569}.currency-calculator a{color:#285f8d}.float-bar .currency-estimate{display:block;font-size:.8rem}@media(max-width:600px){.currency-calculator{padding:16px}.price-card{flex-wrap:wrap;gap:16px}.float-bar{padding:14px 18px;border-radius:20px;gap:12px;flex-wrap:wrap}}

.currency-calculator,
.currency-calculator .ts-control,
.currency-calculator .ts-control input,
.currency-calculator .ts-control > .item,
.currency-calculator .ts-dropdown { text-align: left; }
.currency-calculator .ts-wrapper { width: 100%; min-width: 0; font: inherit; }
.currency-calculator .ts-control { border: 1px solid #94a3b8; border-radius: 8px; padding: 10px 34px 10px 12px; min-height: 44px; background: #fff; box-shadow: none; font: inherit; color: #0f172a; }
.currency-calculator .ts-control input { font: inherit; color: #0f172a; min-width: 0; }
.currency-calculator .ts-wrapper.single.currency-searching .ts-control > .item { display: none; }
.currency-calculator .ts-wrapper.focus .ts-control { outline: 3px solid #5a9bd4; outline-offset: 2px; box-shadow: none; }
.currency-calculator .ts-dropdown { font: inherit; color: #0f172a; border: 1px solid #94a3b8; border-radius: 8px; box-shadow: 0 8px 20px rgba(15,23,42,.12); overflow: hidden; }
.currency-calculator .ts-dropdown .option { padding: 10px 12px; overflow-wrap: anywhere; }
.currency-calculator .ts-dropdown .active { background: #e8f2fc; color: #0f172a; }
.currency-calculator .ts-dropdown-content { max-height: 220px; }

/* Keep the checkout estimate compact while retaining a comfortable selector. */
#orderModal .currency-calculator { margin: 12px 0 16px; padding: 12px; }
#orderModal .currency-calculator .currency-field { gap: 4px; font-size: .85rem; }
#orderModal .currency-calculator output { font-size: 1.2rem; margin-top: 6px; }
#orderModal .currency-calculator p { margin: 3px 0; }
#orderModal .currency-calculator small { line-height: 1.35; }