/* Fortis live-rate board, matching newtheme.jpeg. Scoped to this page. */
.live-rates-theme{background:#fff}
.rates-page{width:calc(100% - 32px);max-width:970px;margin:6px auto 20px;font-family:Arial,Helvetica,sans-serif}
.rates-page .rates-intro{margin-top:32px;padding:24px 0 0;border-top:1px solid var(--line);color:var(--text-muted)}
.rates-page .rates-intro h1{margin:0 0 12px;color:var(--purple);font-size:clamp(20px,2.6vw,25px);line-height:1.35}
.rates-page .rates-intro p{max-width:72ch;margin:0 0 16px;font-size:15px;line-height:1.7}
.rates-page .rates-intro a{text-decoration:underline}
.rates-page .rates-welcome{margin:0 0 14px;padding:12px 10px;background:#542084;color:#fff;text-align:center;font-size:clamp(11px,2.7vw,18px);font-weight:700;letter-spacing:.17em;line-height:1.5}
.rates-page .spot-frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px;border:0;border-radius:18px;background:linear-gradient(110deg,#ffd86d,#ffc43b 50%,#ffda70);box-shadow:none}
.rates-page .market-quote{min-width:0;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#34094f,#290641);color:#fff}
.rates-page .quote{padding:5px 8px;text-align:center;border:0;border-radius:0;background:none;box-shadow:none}
.rates-page .quote-label{margin:0 0 2px;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
.rates-page .quote-label span{color:#ffd05c}
.rates-page .quote-value{display:block;margin:0;color:#fff;font-size:34px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rates-page .range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:4px 0;border:0;border-top:1px solid #ffffff75;border-radius:0;background:none;color:#fff;text-align:center}
.rates-page .range>div{min-width:0;padding:0 5px}.rates-page .range>div+div{border-left:1px solid #e7c659}
.rates-page .range-label{display:block;margin-bottom:1px;font-size:11px;font-weight:700;line-height:1.3}
.rates-page .range-high{color:#27e442}.rates-page .range-low{color:#ff516c}
.rates-page .range-value{display:block;font-size:15px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rates-page .products{--rates-heading-height:32px;position:relative;margin-top:8px;padding:0 6px 5px;overflow:hidden;border-radius:12px;background:#fcf3dd;box-shadow:none}.rates-page .products[hidden]{display:none}
.rates-page .products::before{content:"";position:absolute;top:0;left:0;right:0;height:var(--rates-heading-height);background:linear-gradient(180deg,#4d1074,#230436);border-bottom:1px solid #dfbf67;pointer-events:none}
.rates-page .product-table{position:relative;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 4px;margin:-4px 0 0}
.rates-page .product-table col:nth-child(1){width:35%}.rates-page .product-table col:nth-child(2){width:28%}.rates-page .product-table col:nth-child(3){width:37%}
.rates-page .product-table thead{color:#fff;background:none}
.rates-page .product-table thead th{height:var(--rates-heading-height);padding:5px 8px;border:0;background:transparent;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:1.2}
.rates-page .product-table thead th:first-child{text-align:left;border-radius:0;box-shadow:none;padding-left:15px}
.rates-page .product-table thead th:last-child{border-radius:0;box-shadow:none}
.rates-page .product-table thead th+th{border-left:1px solid #d7bd8566}.rates-page .price-currency{display:inline-flex;align-items:center;margin-right:.16em;font-size:1.1em;vertical-align:middle}
.rates-page .dirham-symbol{display:inline-block;flex:none;width:1.05em;height:1.25em;min-width:14px;min-height:17px;vertical-align:middle;color:inherit;overflow:visible}
.rates-page .product-table tbody td{height:36px;padding:4px 12px;border:1px solid #ead48e;border-left:0;background:#fffefd;color:#252123;text-align:center;font-size:17px;line-height:1.2;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
.rates-page .product-table tbody td:first-child{border-left:1px solid #ead48e;border-radius:8px 0 0 8px;color:#501078;text-align:left;font-size:17px;font-weight:700}
.rates-page .product-table tbody td:last-child{border:1px solid #ead48e;border-left:0;border-radius:0 8px 8px 0;background:linear-gradient(105deg,#ffc33e,#ffd76c);color:#17130d;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.rates-page .product-table tbody tr:last-child td{border-bottom-width:1px}
.rates-page .row-currency{display:block;margin-bottom:3px;font-size:11px;font-weight:500}
.rates-page .data-note{margin:9px 2px 0;color:#6b566f;text-align:right;font-size:12px;line-height:1.5}
.rates-page .rate-pill{max-width:100%;padding:0 3px;border-radius:5px}
.rates-page .range-value .rate-pill{padding-inline:0;white-space:nowrap}
/* A denser desktop board keeps both metals easy to scan together. */
@media(min-width:768px){
  .rates-page{margin-top:4px;margin-bottom:16px}
  .rates-page .rates-welcome{margin-bottom:10px;padding:9px 10px;font-size:14px;letter-spacing:.14em}
  .rates-page .spot-frame{gap:8px;padding:6px;border-radius:14px}
  .rates-page .market-quote{border-radius:10px}
  .rates-page .quote{padding:3px 8px}
  .rates-page .quote-label{margin-bottom:1px;font-size:18px}
  .rates-page .quote-value{font-size:34px}
  .rates-page .range{padding:3px 0}
  .rates-page .range>div{display:flex;align-items:baseline;justify-content:center;gap:8px}
  .rates-page .range-label{margin-bottom:0;font-size:11px}
  .rates-page .range-value{font-size:15px}
  .rates-page .products{--rates-heading-height:28px;margin-top:4px;padding:0 4px 3px;border-radius:10px}
  .rates-page .product-table{border-spacing:0 2px;margin-top:-2px}
  .rates-page .product-table thead th{height:28px;padding:3px 8px;font-size:14px;font-weight:600;letter-spacing:.02em}
  .rates-page .product-table thead th:first-child{padding-left:8px}
  .rates-page .product-table tbody td,.rates-page .product-table tbody td:first-child{height:34px;padding:3px 8px;font-size:17px}
  .rates-page .product-table tbody td:first-child{border-radius:8px 0 0 8px;font-size:17px}
  .rates-page .product-table tbody td:last-child{border-radius:0 8px 8px 0;font-size:21px;line-height:1.15}
  .rates-page .row-rate{display:inline-flex;align-items:center;vertical-align:middle}
  .rates-page .row-currency{display:inline-block;margin:0 4px 0 0;vertical-align:middle;line-height:1}
  .rates-page .data-note{margin-top:4px;font-size:11px}
}
@media(max-width:767.98px){
.rates-page{width:calc(100% - 24px);margin-top:6px}.rates-page .spot-frame{gap:10px;padding:8px;border-radius:18px}
}
@media(max-width:479.98px){
.rates-page{width:calc(100% - 16px);margin-top:6px}.rates-page .rates-welcome{padding:9px 5px;margin-bottom:10px;letter-spacing:.11em}
.rates-page .spot-frame{gap:8px;padding:8px;border-radius:18px}.rates-page .market-quote{border-radius:10px}
.rates-page .quote{padding:5px 4px}.rates-page .quote-label{margin-bottom:3px;font-size:16px}.rates-page .quote-value{font-size:clamp(25px,7.2vw,30px)}
.rates-page .range{padding:4px 0;font-size:inherit}.rates-page .range-label{font-size:11px}.rates-page .range-value{font-size:14px}
.rates-page .products{--rates-heading-height:32px;margin-top:6px;padding:0 6px 4px;border-radius:12px}.rates-page .product-table{border-spacing:0 2px;margin-top:-2px}
.rates-page .product-table col:nth-child(1){width:35%}.rates-page .product-table col:nth-child(2){width:28%}.rates-page .product-table col:nth-child(3){width:37%}
.rates-page .product-table thead th{height:32px;padding:5px 3px;font-size:12px}.rates-page .product-table thead th:first-child{padding-left:7px}
.rates-page .product-table tbody td,.rates-page .product-table tbody td:first-child{height:36px;padding:4px 7px;font-size:14px}
.rates-page .product-table tbody td:last-child{padding:4px 3px;font-size:clamp(17px,4.7vw,22px)}.rates-page .data-note{font-size:10px}}
.rates-page .product-table tbody .rate-placeholder td{height:36px;padding:8px;background:transparent;border:0;border-radius:0;color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.5;text-align:left}
@media print{.rates-page{width:100%;margin:0 auto}.live-rates-theme{print-color-adjust:exact;-webkit-print-color-adjust:exact}}