/* 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:18px auto 24px;font-family:Arial,Helvetica,sans-serif}
.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:18px;padding:22px;border:0;border-radius:32px;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:13px 8px 14px;text-align:center;border:0;border-radius:0;background:none;box-shadow:none}
.rates-page .quote-label{margin:0 0 6px;color:#fff;font-size:clamp(17px,3.8vw,29px);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:clamp(29px,6.8vw,54px);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rates-page .range{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:13px 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:3px;font-size:17px;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:22px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rates-page .products{--rates-heading-height:54px;position:relative;margin-top:13px;padding:0 8px 8px;overflow:hidden;border-radius:22px;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 7px;margin:-7px 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:12px 8px;border:0;background:transparent;color:#fff;font-size:18px;font-weight:500;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:66px;padding:12px 15px;border:1px solid #ead48e;border-left:0;background:#fffefd;color:#252123;text-align:center;font-size:23px;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:13px 0 0 13px;color:#501078;text-align:left;font-size:25px;font-weight:700}
.rates-page .product-table tbody td:last-child{border:1px solid #ead48e;border-left:0;border-radius:0 13px 13px 0;background:linear-gradient(105deg,#ffc33e,#ffd76c);color:#17130d;font-size:31px;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:14px;margin-bottom:20px}
  .rates-page .rates-welcome{margin-bottom:10px;padding:9px 10px;font-size:14px;letter-spacing:.14em}
  .rates-page .spot-frame{gap:12px;padding:12px;border-radius:18px}
  .rates-page .market-quote{border-radius:10px}
  .rates-page .quote{padding:9px 10px 8px}
  .rates-page .quote-label{margin-bottom:4px;font-size:20px}
  .rates-page .quote-value{font-size:38px}
  .rates-page .range{padding:8px 0}
  .rates-page .range-label{margin-bottom:2px;font-size:11px}
  .rates-page .range-value{font-size:16px}
  .rates-page .products{--rates-heading-height:38px;margin-top:10px;padding:0 6px 6px;border-radius:12px}
  .rates-page .product-table{border-spacing:0 5px;margin-top:-5px}
  .rates-page .product-table thead th{height:38px;padding:8px 12px;font-size:13px;font-weight:600;letter-spacing:.02em}
  .rates-page .product-table thead th:first-child{padding-left:12px}
  .rates-page .product-table tbody td{height:44px;padding:8px 12px;font-size:16px}
  .rates-page .product-table tbody td:first-child{border-radius:8px 0 0 8px;font-size:16px}
  .rates-page .product-table tbody td:last-child{border-radius:0 8px 8px 0;font-size:22px}
  .rates-page .data-note{margin-top:7px;font-size:11px}
}
@media(max-width:767.98px){
.rates-page{width:calc(100% - 24px);margin-top:12px}.rates-page .spot-frame{gap:14px;padding:17px;border-radius:27px}
}
@media(max-width:479.98px){
.rates-page{width:calc(100% - 16px);margin-top:10px}.rates-page .rates-welcome{padding:9px 5px;margin-bottom:10px;letter-spacing:.11em}
.rates-page .spot-frame{gap:10px;padding:12px;border-radius:21px}.rates-page .market-quote{border-radius:11px}
.rates-page .quote{padding:10px 4px 11px}.rates-page .quote-label{font-size:17px}.rates-page .quote-value{font-size:clamp(25px,7.2vw,34px)}
.rates-page .range{padding:9px 0;font-size:inherit}.rates-page .range-label{font-size:11px}.rates-page .range-value{font-size:14px}
.rates-page .products{--rates-heading-height:39px;margin-top:10px;padding:0 6px 6px;border-radius:14px}.rates-page .product-table{border-spacing:0 6px;margin-top:-6px}
.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:39px;padding:9px 3px;font-size:11px}.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:49px;padding:9px 7px;font-size:13px}
.rates-page .product-table tbody td:last-child{padding:9px 3px;font-size:clamp(16px,4.4vw,21px)}.rates-page .data-note{font-size:10px}}
@media print{.rates-page{width:100%;margin:0 auto}.live-rates-theme{print-color-adjust:exact;-webkit-print-color-adjust:exact}}