:root {
  --ivory: #faf9ef; --gold: #b48940; --gold-deep: #91600e; --gold-light: #ecc67b;
  --brown: #4e3011; --navy: #042337; --navy-row: #0b3047; --navy-border: #3b647c;
  --serif: 'Times New Roman', Times, serif; --sans: 'Segoe UI', Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--ivory); color: var(--brown); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
.rate-page { max-width: 1080px; padding: 24px 32px 0; position: relative; isolation: isolate; }
.brand-block { margin: 0 auto 34px; }
.brand-logo { display: block; width: 180px; height: auto; margin: 0 auto 7px; object-fit: contain; mix-blend-mode: multiply; }
.brand-block h1 { margin: 0; color: #8b5908; font: 600 clamp(2.5rem, 6.5vw, 4.9rem)/1.1 var(--serif); text-transform: uppercase; letter-spacing: -.025em; text-wrap: balance; }
.welcome-strip { min-height: 88px; border: 1.5px solid var(--gold); border-radius: 60px; gap: 25px; margin-bottom: 27px; }
.welcome-strip h2 { margin: 0; font: 600 clamp(1.1rem, 3.3vw, 2.2rem)/1.3 var(--sans); }
.crown-icon { width: 55px; height: 48px; color: var(--gold-deep); }
.market-section { margin-bottom: 12px; }
.market-card { height: 100%; padding: 24px 22px 19px; border: 1px solid var(--gold); border-radius: 22px; }
.market-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.market-heading img { width: 92px; height: 92px; flex-shrink: 0; }
.market-heading h2 { margin: 0; white-space: nowrap; font: 500 clamp(.8rem, 2.5vw, 1.8rem)/1.25 var(--serif); }
.market-value { margin: 8px 0 15px; text-align: center; font: 700 clamp(1.55rem, 4.8vw, 3.75rem)/1.2 var(--serif); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.market-range { display: flex; border-top: 1px solid #c6ac7d; padding-top: 17px; text-align: center; font: 400 clamp(.75rem, 2.3vw, 1.65rem)/1.2 var(--serif); font-variant-numeric: tabular-nums; }
.market-range > span { width: 50%; position: relative; }
.market-range > span + span::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 90%; background: #b99c6b; }
.market-range small { display: block; font: 400 .63em/1.3 var(--sans); margin-top: 7px; }
.rates-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 20px; margin-bottom: 0; --bs-table-bg: transparent; --bs-table-color: var(--brown); font-family: var(--serif); }
.rates-table .product-column { width: 44%; }
.rates-table .price-column { width: 28%; }
.rates-table > :not(caption) > * > * { box-shadow: none; }
.rates-table thead th { padding: 19px 24px; border-top: 1px solid var(--gold); border-bottom: 1px solid var(--gold); font-size: clamp(1rem, 2.9vw, 2rem); font-weight: 500; text-align: center; }
.rates-table thead th:first-child { text-align: left; border-left: 1px solid var(--gold); border-radius: 21px 0 0 21px; color: #fffdf3; background: linear-gradient(115deg, #c5993e, #9b6717 65%, #c69a43); position: relative; }
.rates-table thead th:first-child::after { content: ''; position: absolute; right: -1px; top: 0; bottom: 0; width: 38px; background: var(--ivory); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.rates-table thead th:last-child { border-right: 1px solid var(--gold); border-radius: 0 21px 21px 0; position: relative; }
.rates-table thead th:last-child::before { content: ''; position: absolute; left: 0; top: 20%; height: 60%; width: 1px; background: #d9c49a; }
.rates-table tbody td { border-top: 1px solid #bda061; border-bottom: 1px solid #bda061; padding: 28px 24px; font-weight: 600; font-size: clamp(1.2rem, 3.5vw, 2.45rem); line-height: 1.15; text-align: right; font-variant-numeric: tabular-nums; vertical-align: middle; }
.rates-table tbody td:first-child { border-left: 1px solid #bda061; border-radius: 21px 0 0 21px; text-align: left; font-size: clamp(1rem, 2.9vw, 2.05rem); }
.rates-table tbody td:last-child { border-right: 1px solid #bda061; border-radius: 0 21px 21px 0; }
.rate-disclaimer { margin: 12px 0 0; padding: 0 0 24px; font: 400 13px/1.5 var(--sans); color: #735934; }
.gold-sweep { height: 64px; overflow: hidden; margin: 0 -32px; position: relative; }
.gold-sweep::before, .gold-sweep::after { content: ''; position: absolute; width: 130%; height: 280px; left: -15%; bottom: 3px; border-radius: 0 0 50% 50%; border-bottom: 9px solid #c29a52; transform: rotate(-3deg); }
.gold-sweep::after { bottom: -17px; border-bottom-width: 19px; border-color: #eee1c1; transform: rotate(4deg); }
.theme-classic .brand-block { background-color: var(--ivory); }
.theme-classic { background: var(--ivory); }
/* The navy alternative preserves the same semantic rate table. */
.theme-navy { color: var(--navy); font-family: var(--sans); }
.theme-navy .rate-page { padding-top: 0; }
.theme-navy .brand-block { background: radial-gradient(ellipse at 18% 0, #113a54, transparent 60%), var(--navy); border-radius: 0 0 150px 150px / 0 0 80px 80px; border-bottom: 4px solid var(--gold-light); margin: 0 -32px 12px; padding: 22px 32px 27px; }
.theme-navy .brand-logo { width: 160px; mix-blend-mode: screen; filter: grayscale(1) invert(1) sepia(1) saturate(1.8) brightness(1.15); }
.theme-navy .brand-block h1 { color: #e9c77e; font-weight: 600; font-size: clamp(2.3rem, 6.5vw, 4.9rem); }
.brand-motto { color: #f4e7c4; letter-spacing: .21em; margin: 10px 0 0; font-size: clamp(.65rem, 2.2vw, 1.4rem); font-weight: 600; }
.brand-motto span { margin: 0 22px; }
.rate-tabs { padding: 6px; background: #fbf9ef; border: 1px solid #dec697; border-radius: 90px; margin: 0 -4px 22px; box-shadow: 0 8px 16px #46351815; flex-wrap: nowrap; }
.rate-tabs .rate-tab { flex: 1 1 0; border: 0; border-radius: 80px; position: relative; padding: 9px 12px 13px; font: 600 clamp(.85rem, 2.6vw, 1.8rem)/1.25 var(--sans); color: var(--navy); background: transparent; transition: background-color .2s ease-out, color .2s ease-out; }
.rate-tab img { display: block; width: 58px; height: 58px; margin: 0 auto 3px; }
.rate-tabs .rate-tab.active { background: var(--navy); color: #fffdf4; }
.rate-tab.active::after { content: ''; position: absolute; bottom: 0; height: 5px; width: 34%; left: 33%; border-radius: 6px 6px 0 0; background: var(--gold-light); }
.rate-tabs .rate-tab:not(.active):hover { background: #eee8d8; }
.rate-tab:focus-visible, #rates-panel:focus-visible { outline: 3px solid #b47a17; outline-offset: 4px; }
.theme-navy .market-section { margin-bottom: 20px; }
.theme-navy .market-card { padding: 14px 22px 15px; border-radius: 23px; position: relative; overflow: hidden; }
.theme-navy .market-card::before { content: ''; position: absolute; width: 140%; height: 170px; top: -80px; left: 15%; border-top: 16px solid #ffffff80; border-radius: 50%; transform: rotate(35deg); pointer-events: none; }
.theme-navy .market-heading { position: relative; }
.theme-navy .market-heading img { width: 94px; height: 94px; }
.theme-navy .market-heading h2 { font-family: var(--sans); font-size: clamp(.75rem, 2.5vw, 1.65rem); font-weight: 600; }
.theme-navy .market-gold { background: linear-gradient(120deg, #fff9e7, #fcebc6); border-color: #cda451; color: #171813; }
.theme-navy .market-silver { background: linear-gradient(120deg, #fff, #e9ebea); border-color: #b7bcbd; }
.theme-navy .market-inr { background: linear-gradient(120deg, #edfaff, #d9effc); border-color: #83b4d0; }
.theme-navy .market-value { font-family: var(--sans); font-size: clamp(1.55rem, 5vw, 3.8rem); margin: 9px 0 14px; line-height: 1.2; }
.theme-navy .market-range { font-family: var(--sans); font-weight: 600; font-size: clamp(.7rem, 2.3vw, 1.65rem); padding-top: 15px; border-color: currentColor; }
.theme-navy .market-range > span + span::before { background: currentColor; height: 45%; opacity: .7; }
.product-board { padding: 14px 22px 7px; background: radial-gradient(ellipse at top left, #0a3047, transparent 60%), #021e30; border-radius: 28px; color: #f5f7f6; }
.board-heading { gap: 17px; padding: 0 3px; }
.board-heading img { width: 60px; height: 60px; }
.board-heading h2 { font-size: clamp(.9rem, 2.4vw, 1.6rem); letter-spacing: .07em; font-weight: 600; margin: 0; color: #f7eed5; white-space: nowrap; }
.heading-rule { height: 1px; background: linear-gradient(90deg, transparent, #e8bf70); flex: 1; margin-left: 20px; }
.heading-star { color: #edbf70; font-size: 42px; line-height: 1; margin: 0 8px; }
.theme-navy .rates-table { border-spacing: 0 10px; font-family: var(--sans); --bs-table-color: #f8faf9; }
.theme-navy .rates-table .product-column { width: 52%; }
.theme-navy .rates-table .price-column { width: 24%; }
.theme-navy .rates-table thead th { padding: 0 20px 2px; background: transparent; color: #c5d8e1; border: 0; border-radius: 0; font-family: var(--sans); font-size: 12px; letter-spacing: .1em; text-align: right; }
.theme-navy .rates-table thead th:first-child { text-align: left; }
.theme-navy .rates-table thead th::after, .theme-navy .rates-table thead th::before { content: none; }
.theme-navy .rates-table tbody td { padding: 9px 20px; background: var(--navy-row); border-color: var(--navy-border); font-size: clamp(1.05rem, 2.8vw, 1.95rem); height: 100px; }
.theme-navy .rates-table tbody td:first-child { padding-left: 20px; border-radius: 24px 0 0 24px; font-size: clamp(.8rem, 2.35vw, 1.6rem); }
.theme-navy .rates-table tbody td:last-child { border-radius: 0 24px 24px 0; }
.theme-navy .rates-table tbody td:nth-child(2) { position: relative; }
.theme-navy .rates-table tbody td:nth-child(2)::after { content: ''; position: absolute; width: 1px; height: 38%; top: 31%; right: -1px; background: #c3a66d; }
.product-name { display: flex; align-items: center; gap: 23px; }
.product-name img { width: 78px; height: 78px; flex-shrink: 0; }
.product-name small { display: block; font-size: .8em; color: #bfd0d9; font-weight: 400; margin-top: 5px; }
.trust-banner { min-height: 128px; border: 1px solid #e4d6bb; border-radius: 23px; overflow: hidden; background: #f3ebd9 url('images/precious-metals.png') right 56% / cover no-repeat; margin-top: 18px; display: flex; align-items: center; }
.trust-copy { position: relative; z-index: 1; padding: 20px 32px; width: 70%; background: linear-gradient(90deg, #f7eedb 55%, #f7eedb00); }
.trust-copy p { margin: 0 0 2px; letter-spacing: .13em; font-size: 14px; color: #403722; }
.trust-copy h2 { margin: 0; font: 400 clamp(1.2rem, 3vw, 2.2rem)/1.2 var(--serif); color: #171711; }
.trust-copy > span { display: block; width: 60px; height: 3px; background: #c99a48; margin-top: 10px; }
.empty-rates { padding: 36px 16px 40px; }
.empty-rates img { margin-bottom: 14px; }
.empty-rates h3 { font-size: 22px; }
.empty-rates p { margin: 10px 0 0; color: #c6d7df; }
[hidden] { display: none !important; }
@media (min-width: 1200px) {
  .rate-page { padding-top: 32px; }
  .theme-classic .market-card { padding-top: 22px; }
  .theme-classic .brand-block { margin-bottom: 30px; }
  .theme-navy .brand-block { padding-top: 22px; }
}
@media (max-width: 767.98px) {
  .rate-page { padding: 18px 18px 0; }
  .brand-block { margin-bottom: 25px; }
  .brand-logo { width: 135px; }
  .welcome-strip { min-height: 62px; gap: 15px; margin-bottom: 18px; }
  .crown-icon { width: 38px; height: 36px; }
  .market-card { padding: 13px 10px 12px; border-radius: 15px; }
  .market-heading { gap: 5px; }
  .market-heading img { width: 48px; height: 48px; }
  .market-heading h2 { font-size: clamp(.68rem, 2.4vw, 1.1rem); }
  .market-value { margin: 9px 0 12px; }
  .market-range { padding-top: 11px; }
  .rates-table { border-spacing: 0 14px; }
  .rates-table thead th { padding: 14px 16px; }
  .rates-table thead th:first-child { border-radius: 15px 0 0 15px; }
  .rates-table thead th:last-child { border-radius: 0 15px 15px 0; }
  .rates-table tbody td { padding: 21px 15px; }
  .rates-table tbody td:first-child { border-radius: 15px 0 0 15px; }
  .rates-table tbody td:last-child { border-radius: 0 15px 15px 0; }
  .gold-sweep { margin: 0 -18px; height: 40px; }
  .theme-navy .brand-block { margin: -18px -18px 10px; padding: 22px 18px 24px; border-radius: 0 0 90px 90px / 0 0 44px 44px; }
  .theme-navy .brand-logo { width: 125px; }
  .brand-motto span { margin: 0 14px; }
  .rate-tabs { margin-bottom: 16px; padding: 4px; }
  .rate-tabs .rate-tab { padding: 6px 6px 12px; }
  .rate-tab img { width: 44px; height: 44px; }
  .theme-navy .market-card { padding: 11px 12px; border-radius: 16px; }
  .theme-navy .market-heading img { width: 49px; height: 49px; }
  .theme-navy .market-heading h2 { font-size: clamp(.65rem, 2.4vw, 1.2rem); }
  .theme-navy .market-value { margin: 10px 0 13px; }
  .theme-navy .market-range { padding-top: 10px; }
  .theme-navy .market-section { margin-bottom: 15px; }
  .product-board { padding: 10px 12px 3px; border-radius: 21px; }
  .board-heading { gap: 10px; }
  .board-heading img { width: 40px; height: 40px; }
  .heading-rule { margin-left: 7px; }
  .heading-star { font-size: 29px; margin: 0 3px; }
  .theme-navy .rates-table thead th { font-size: 10px; padding: 0 13px; }
  .theme-navy .rates-table tbody td { height: 75px; padding: 9px 13px; }
  .theme-navy .rates-table tbody td:first-child { padding-left: 10px; border-radius: 18px 0 0 18px; }
  .theme-navy .rates-table tbody td:last-child { border-radius: 0 18px 18px 0; }
  .product-name { gap: 10px; }
  .product-name img { width: 49px; height: 49px; }
  .trust-banner { min-height: 95px; border-radius: 16px; margin-top: 13px; }
  .trust-copy { padding: 16px 20px; }
  .trust-copy p { font-size: 10px; }
  .rate-disclaimer { font-size: 11px; margin-top: 12px; }
}
@media (max-width: 479.98px) {
  .rate-page { padding: 16px 14px 0; }
  .brand-logo { width: 108px; margin-bottom: 6px; }
  .brand-block h1 { font-size: clamp(2rem, 9vw, 2.7rem); }
  .brand-block { margin-bottom: 22px; }
  .welcome-strip { min-height: 49px; gap: 10px; margin-bottom: 14px; }
  .welcome-strip h2 { font-size: clamp(.9rem, 4vw, 1.1rem); }
  .crown-icon { width: 29px; height: 29px; }
  .market-card { padding: 10px 8px; border-radius: 12px; }
  .market-heading img { width: 37px; height: 37px; }
  .market-heading h2 { font-size: clamp(.57rem, 2.55vw, .74rem); }
  .market-value { font-size: clamp(1.32rem, 6.1vw, 1.8rem); margin: 8px 0 10px; }
  .market-range { font-size: clamp(.6rem, 2.85vw, .85rem); padding-top: 9px; }
  .market-section { margin-bottom: 3px; }
  .rates-table { border-spacing: 0 11px; }
  .rates-table .product-column { width: 46%; }
  .rates-table .price-column { width: 27%; }
  .rates-table thead th { font-size: 15px; padding: 12px 11px; }
  .rates-table thead th:first-child::after { width: 23px; }
  .rates-table tbody td { font-size: clamp(1rem, 4.8vw, 1.3rem); padding: 18px 10px; }
  .rates-table tbody td:first-child { font-size: clamp(.8rem, 3.55vw, 1rem); padding-left: 11px; }
  .gold-sweep { margin: 0 -14px; }
  .theme-navy .brand-block { margin: -16px -14px 10px; padding: 20px 14px; border-radius: 0 0 70px 70px / 0 0 38px 38px; }
  .theme-navy .brand-logo { width: 105px; }
  .theme-navy .brand-block h1 { font-size: clamp(2rem, 9vw, 2.7rem); }
  .brand-motto { font-size: 10px; margin-top: 8px; }
  .brand-motto span { margin: 0 10px; }
  .rate-tabs { margin: 0 -1px 14px; }
  .rate-tabs .rate-tab { font-size: 13px; }
  .rate-tab img { width: 35px; height: 35px; }
  .rate-tab.active::after { height: 3px; }
  .theme-navy .market-card { padding: 10px 8px; border-radius: 12px; }
  .theme-navy .market-heading img { width: 36px; height: 36px; }
  .theme-navy .market-heading h2 { font-size: clamp(.57rem, 2.55vw, .74rem); }
  .theme-navy .market-value { font-size: clamp(1.3rem, 6.1vw, 1.8rem); margin: 11px 0; }
  .theme-navy .market-range { font-size: clamp(.6rem, 2.8vw, .85rem); }
  .market-range small { font-size: 9px; margin-top: 4px; }
  .product-board { padding: 9px 8px 1px; border-radius: 17px; }
  .board-heading { gap: 8px; }
  .board-heading img { width: 32px; height: 32px; }
  .board-heading h2 { font-size: 12px; letter-spacing: .065em; }
  .heading-star { font-size: 24px; }
  .theme-navy .rates-table { border-spacing: 0 8px; }
  .theme-navy .rates-table .product-column { width: 49%; }
  .theme-navy .rates-table .price-column { width: 25.5%; }
  .theme-navy .rates-table thead th { font-size: 9px; padding: 0 10px; }
  .theme-navy .rates-table tbody td { height: 66px; padding: 10px 10px; font-size: clamp(.87rem, 3.9vw, 1.1rem); }
  .theme-navy .rates-table tbody td:first-child { padding-left: 7px; font-size: clamp(.64rem, 2.75vw, .85rem); border-radius: 13px 0 0 13px; }
  .theme-navy .rates-table tbody td:last-child { border-radius: 0 13px 13px 0; }
  .product-name { gap: 7px; }
  .product-name img { width: 32px; height: 32px; }
  .product-name small { margin-top: 3px; font-size: 10px; }
  .trust-banner { min-height: 77px; background-size: auto 190%; }
  .trust-copy { width: 77%; padding: 13px 14px; }
  .trust-copy h2 { font-size: 18px; }
  .trust-copy p { font-size: 8px; letter-spacing: .1em; }
  .trust-copy > span { width: 35px; margin-top: 7px; height: 2px; }
}
@media (prefers-reduced-motion: reduce) { .rate-tabs .rate-tab { transition: none; } }

/* Keep the reference's three-column overview legible at intermediate widths. */
@media (min-width: 768px) and (max-width: 991.98px) {
  .market-card, .theme-navy .market-card { padding: 18px 14px 16px; }
  .market-heading, .theme-navy .market-heading { gap: 6px; }
  .market-heading img, .theme-navy .market-heading img { width: 64px; height: 64px; }
  .market-heading h2, .theme-navy .market-heading h2 { font-size: 18px; }
}
@media (max-width: 359.98px) {
  .market-heading, .theme-navy .market-heading { flex-direction: column; gap: 5px; }
  .market-heading h2, .theme-navy .market-heading h2 { font-size: 10px; }
}

/* Compact desktop rate board: market snapshots and conventional bid/ask rows. */
@media (min-width: 992px) {
  .rate-page { max-width: 1180px; padding: 16px 24px 0; }
  .brand-block, .theme-classic .brand-block {
    display: flex; align-items: center; justify-content: center; gap: 14px;
    margin: 0 auto 14px;
  }
  .brand-logo, .theme-navy .brand-logo { width: 86px; margin: 0; }
  .brand-block h1, .theme-navy .brand-block h1 { font-size: 34px; line-height: 1.1; }
  .welcome-strip { min-height: 38px; gap: 10px; margin-bottom: 12px; border-radius: 8px; }
  .welcome-strip h2 { font-size: 16px; font-weight: 500; }
  .crown-icon { width: 25px; height: 25px; }
  .market-section, .theme-navy .market-section { max-width: 970px; margin: 0 auto 10px; }
  .market-card, .theme-classic .market-card, .theme-navy .market-card {
    display: grid; grid-template-columns: 1fr auto; column-gap: 12px;
    padding: 12px 16px; border-radius: 10px;
  }
  .market-heading, .theme-navy .market-heading { justify-content: flex-start; gap: 9px; }
  .market-heading img, .theme-navy .market-heading img { width: 36px; height: 36px; }
  .market-heading h2, .theme-navy .market-heading h2 { font-family: var(--sans); font-size: 14px; font-weight: 600; }
  .market-value, .theme-navy .market-value {
    align-self: center; margin: 0; font-family: var(--sans); font-size: 30px; line-height: 1.2; text-align: right;
  }
  .market-range, .theme-navy .market-range {
    grid-column: 1 / -1; margin-top: 8px; padding-top: 8px;
    font-family: var(--sans); font-size: 13px; line-height: 1.2;
  }
  .market-range > span { display: flex; align-items: center; justify-content: center; gap: 7px; }
  .market-range small { display: inline; margin: 0; font-size: 9px; }
  .theme-navy .market-range > span + span::before { height: 90%; }
  .rates-table, .theme-navy .rates-table {
    width: 970px; max-width: 100%; margin-inline: auto;
    font-family: var(--sans); border-spacing: 0 5px;
  }
  .product-section { max-width: 970px; margin-inline: auto; }
  .rates-table thead th, .theme-navy .rates-table thead th {
    padding: 8px 16px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-align: right;
  }
  .rates-table thead th:first-child, .theme-navy .rates-table thead th:first-child { text-align: left; border-radius: 8px 0 0 8px; }
  .rates-table thead th:last-child, .theme-navy .rates-table thead th:last-child { border-radius: 0 8px 8px 0; }
  .rates-table thead th:first-child::after { content: none; }
  .rates-table tbody td, .theme-navy .rates-table tbody td {
    height: 48px; padding: 6px 16px; font-size: 18px; line-height: 1.2;
  }
  .rates-table tbody td:first-child, .theme-navy .rates-table tbody td:first-child {
    padding-left: 16px; font-size: 14px; line-height: 1.2; border-radius: 8px 0 0 8px;
  }
  .rates-table tbody td:last-child, .theme-navy .rates-table tbody td:last-child { border-radius: 0 8px 8px 0; }
  .theme-navy .brand-block {
    justify-content: flex-start; margin: 0 -24px 12px; padding: 12px 24px;
    border-radius: 0 0 20px 20px; border-bottom-width: 2px;
  }
  .brand-motto { margin: 0 0 0 auto; font-size: 10px; letter-spacing: .16em; }
  .brand-motto span { margin: 0 10px; }
  .rate-tabs { margin: 0 0 12px; padding: 4px; border-radius: 10px; box-shadow: none; }
  .rate-tabs .rate-tab {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 6px 12px; border-radius: 7px; font-size: 14px; line-height: 1.2;
  }
  .rate-tab img { width: 26px; height: 26px; margin: 0; }
  .rate-tab.active::after { height: 2px; }
  .product-board { max-width: 998px; margin-inline: auto; padding: 10px 14px 5px; border-radius: 12px; }
  .board-heading { gap: 9px; }
  .board-heading img { width: 28px; height: 28px; }
  .board-heading h2 { font-size: 13px; letter-spacing: .06em; }
  .heading-star { font-size: 23px; margin: 0 4px; }
  .heading-rule { margin-left: 12px; }
  .product-name { gap: 10px; }
  .product-name img { width: 30px; height: 30px; }
  .product-name small { margin-top: 2px; font-size: 11px; }
  .trust-banner { min-height: 64px; margin-top: 12px; border-radius: 10px; }
  .trust-copy { width: 65%; padding: 10px 20px; }
  .trust-copy p { font-size: 10px; }
  .trust-copy h2 { font-size: 22px; }
  .trust-copy > span { height: 2px; width: 38px; margin-top: 5px; }
  .rate-disclaimer { font-size: 11px; margin-top: 8px; padding-bottom: 12px; }
  .gold-sweep { display: none; }
  .empty-rates { padding: 22px 16px; }
}