/* Tariff comparison; the checkout continues to use server-calculated prices. */
.instant-tariffs{color:#19224b;--tariff-red:#b91c1c;--tariff-line:#e2e6f2}
.tariffs-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:38px 48px}
.instant-tariffs .instant-intro{margin:0;max-width:650px}
.instant-tariffs .instant-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--tariff-red)}
.instant-tariffs .instant-eyebrow i{width:7px;height:7px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 5px #fee2e2}
.instant-tariffs .instant-intro h1{line-height:1.65;letter-spacing:-1.2px;margin-block:18px}
.instant-tariffs .instant-intro h1 span{color:#2563eb}
.instant-tariffs .instant-intro p{font-size:16px;line-height:2.1;max-width:560px;margin-bottom:24px}
.tariffs-jump{display:inline-flex;align-items:center;gap:28px;font-size:15px;font-weight:700;color:#b91c1c;text-decoration:none}
.tariffs-jump span{display:grid;place-items:center;width:32px;height:32px;background:#fef2f2;border:1px solid #fecaca;border-radius:50%}
.tariffs-summary{position:relative;min-width:0;padding:26px 28px;background:linear-gradient(135deg,#fff,#f8f6ff);border:1px solid #e1def0;border-radius:24px;box-shadow:0 12px 40px #19224b05}
.tariffs-summary>strong{font-size:18px;display:block;padding-inline-end:30px}
.tariffs-summary-icon{position:absolute;inset-inline-end:24px;top:21px;font-size:28px;color:#dc2626}
.tariffs-summary ol{list-style:none;padding:0;margin:24px 0 20px;display:grid;gap:20px}
.tariffs-summary li{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:#283657;line-height:1.7}
.tariffs-summary li>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:11px;background:#eff3ff;border:1px solid #dce4fd;color:#1d4ed8;font-size:14px}
.tariffs-summary li:last-child>span{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.tariffs-summary small{display:block;color:#586582;font-size:14px;margin-top:3px;line-height:1.9}
.tariffs-summary>p{margin:0;padding-top:16px;border-top:1px solid var(--tariff-line);font-size:14px;color:#586582;line-height:1.9}
.tariffs-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;scroll-margin-top:130px;padding-top:16px}
.tariffs-section-heading span{font-size:14px;color:#6d28d9}
.tariffs-section-heading h2{font-size:25px;margin:9px 0 0}
.tariffs-section-heading>p{max-width:340px;font-size:14px;line-height:1.9;color:#586582;margin:0}
.instant-tariffs .instant-tariff-grid{margin-block:24px 32px;gap:24px;align-items:stretch}
.instant-tariffs .instant-tariff-card{--card-tone:#1d4ed8;--card-soft:#eff6ff;position:relative;border:1px solid #dbe4f4;border-radius:22px;padding:28px;gap:14px;box-shadow:0 10px 32px #19224b04;background:linear-gradient(145deg,#f4f7ff,#fff 45%);overflow:hidden}
.instant-tariffs .instant-tariff-card:before{content:"";position:absolute;top:0;inset-inline:28px;height:3px;border-radius:0 0 4px 4px;background:var(--card-tone)}
.instant-tariffs .instant-tariff-card.is-special{--card-tone:#b91c1c;--card-soft:#fef2f2;border-color:#efcccc;background:linear-gradient(145deg,#fff4f4,#fff 45%)}
.tariff-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.instant-tariffs .instant-tariff-kind{display:inline-flex;align-items:center;gap:7px;background:var(--card-soft);color:var(--card-tone);padding:6px 12px;font-size:14px}
.instant-tariffs .instant-tariff-kind i{width:5px;height:5px;border-radius:50%;background:currentColor}
.tariff-card-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #e3e6f1;background:#fff;color:var(--card-tone);font-size:25px}
.instant-tariffs .instant-tariff-card h2{font-size:22px;margin:2px 0;line-height:1.8;overflow-wrap:anywhere}
.instant-tariffs .instant-tariff-quantity{margin:0;border:1px solid #e6e9f4;background:#fff;border-radius:10px;font-size:15px;color:#344875;align-items:center}
.instant-tariffs .instant-tariff-quantity svg{fill:none;stroke:currentColor;stroke-width:1.7;margin:0}
.instant-tariffs .instant-tariff-description{font-size:16px;line-height:2}
.instant-tariffs .instant-tariff-price{gap:12px;align-items:center;margin:8px 0 0}
.instant-tariffs .instant-tariff-price strong{font-size:38px;line-height:1.5;font-variant-numeric:tabular-nums;color:#19224b;overflow-wrap:anywhere}
.instant-tariffs .instant-tariff-price span{font-size:15px;color:#344875;line-height:1.9}
.instant-tariffs .instant-tariff-price small{font-size:14px;color:#586582;display:block}
.instant-tariffs .instant-tariff-card dl{margin:0 0 2px;font-size:15px}
.instant-tariffs .instant-tariff-card dl>div{padding:12px 0;gap:12px;flex-wrap:wrap}
.instant-tariffs .instant-tariff-card dt{color:#586582}
.instant-tariffs .instant-tariff-card dd{overflow-wrap:anywhere}
.instant-tariffs .tariff-card-note{display:flex;gap:8px;font-size:14px;line-height:1.9;color:#586582;margin:0 0 3px}
.tariff-card-note>span{color:#6d28d9;flex-shrink:0}
body .instant-tariffs .instant-tariff-card .instant-button{background:var(--card-tone);border:1px solid var(--card-tone);font-size:15px;line-height:1.8;border-radius:11px;transition:filter .2s,box-shadow .2s}
body .instant-tariffs .instant-tariff-card .instant-button:hover{filter:brightness(.93);box-shadow:0 5px 16px #19224b18}
.instant-tariffs a:focus-visible{outline:3px solid #7c3aed;outline-offset:4px}
.instant-tariffs .instant-tariff-guide{border-inline-start:3px solid #dc2626;box-shadow:none;background:#fff}
.instant-tariffs .instant-tariff-guide p{font-size:16px;line-height:2.1}
.instant-tariff-order .instant-estimate{border-top:3px solid #dc2626;background:linear-gradient(160deg,#fff7f7,#fff 40%)}
@media(min-width:960px){.instant-tariffs .instant-tariff-grid:has(>.instant-tariff-card:only-child){grid-template-columns:minmax(0,650px);justify-content:center}}
@media(max-width:800px){.tariffs-hero{gap:28px;grid-template-columns:1fr;padding-block:28px 30px}.tariffs-summary{max-width:650px}.tariffs-section-heading{align-items:start;flex-direction:column;gap:12px}.tariffs-section-heading>p{max-width:none}}
@media(max-width:640px){.instant-tariffs .instant-tariff-card{padding:24px 20px}.tariffs-summary{padding:24px 20px}.instant-tariffs .instant-tariff-price strong{font-size:34px}.instant-tariffs .instant-intro h1{letter-spacing:-.5px}.instant-tariffs .instant-tariff-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){body .instant-tariffs .instant-button{transition:none}}

/* Compact comparison cards keep supporting text at a readable size. */
.instant-tariffs .instant-tariff-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-block:20px 26px}
.instant-tariffs .instant-tariff-card{flex:0 1 calc(33.333% - 12px);max-width:340px;padding:20px;gap:9px;box-sizing:border-box}
.instant-tariffs .tariff-card-symbol{width:32px;height:32px;font-size:22px;border-radius:9px}
.instant-tariffs .instant-tariff-kind{padding:4px 10px}
.instant-tariffs .instant-tariff-card h2{font-size:20px;margin:0}
.instant-tariffs .instant-tariff-quantity{padding:8px 10px;font-size:14px}
.instant-tariffs .instant-tariff-description{font-size:15px;line-height:1.9}
.instant-tariffs .instant-tariff-price{margin:3px 0 0;gap:9px}
.instant-tariffs .instant-tariff-price strong{font-size:32px}
.instant-tariffs .instant-tariff-card dl{font-size:14px}
.instant-tariffs .instant-tariff-card dl>div{padding:9px 0}
.instant-tariffs .tariff-card-note{font-size:14px;margin:0;line-height:1.8}
body .instant-tariffs .instant-tariff-card .instant-button{font-size:14px;padding:11px 13px;min-height:44px}
.instant-tariffs .instant-tariff-unavailable{font-size:14px;padding:11px 13px}
@media(max-width:1000px){.instant-tariffs .instant-tariff-card{flex-basis:calc(50% - 8px)}}
@media(max-width:640px){.instant-tariffs .instant-tariff-card{flex-basis:100%;max-width:340px;padding:18px;gap:9px}.instant-tariffs .instant-tariff-price strong{font-size:30px}}