/* MECCA — CSS extracted from page-rider-browser.php (Session 4) */

/* block 0 */
html, body { background: #F5F3EE !important; }
.mrb-wrap { max-width: 1200px; margin: 0 auto; padding: 32px 20px 80px; color: #1A1A1A; font-family: 'DM Sans', sans-serif; }
.mrb-hero { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 2px solid #1A1A1A; }
.mrb-hero h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 48px; font-weight: 400; line-height: 1; margin: 0 0 6px; letter-spacing: -1px; }
.mrb-hero p { color: #888888; font-size: 14px; margin: 0; }

.mrb-filters { background: #fff; border: 1px solid #CCCCCC; border-radius: 0; padding: 18px; margin-bottom: 18px; }
.mrb-filters form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; align-items: end; }
.mrb-filters label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #888888; display: block; margin-bottom: 4px; }
.mrb-filters select, .mrb-filters input { width: 100%; background: #F5F3EE; border: 1px solid #CCCCCC; color: #1A1A1A; padding: 9px 10px; border-radius: 0; font: 13px 'DM Sans', sans-serif; outline: none; }
.mrb-filters select:focus, .mrb-filters input:focus { border-color: #D9500A; }
.mrb-filters button { padding: 9px 20px; background: #D9500A; border: 0; color: #fff; font-weight: 700; border-radius: 0; cursor: pointer; font-size: 13px; }
.mrb-filters button:hover { background: #B84008; }
.mrb-reset { background: #E8E6E1; margin-left: 4px; }
.mrb-reset:hover { background: #CCCCCC; }

.mrb-count { font-size: 13px; color: #888888; margin-bottom: 12px; }
.mrb-count strong { color: #1A1A1A; font-weight: 700; }

.mrb-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #CCCCCC; border-radius: 0; overflow: hidden; font-size: 14px; }
.mrb-table th { padding: 12px 14px; text-align: left; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #888888; background: #F5F3EE; border-bottom: 2px solid #1A1A1A; }
.mrb-table td { padding: 11px 14px; background-image: linear-gradient(to right, #1A1A1A 24%, transparent 0%); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; }
.mrb-table tr:last-child td { background-image: none; }
.mrb-table tr:hover td { background-color: rgba(217,80,10,0.04); }
.mrb-photo { width: 32px; height: 32px; border-radius: 0; object-fit: cover; background: #E8E6E1; vertical-align: middle; margin-right: 8px; border: 1px solid #CCCCCC; }
.mrb-photo-empty { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: #888888; }
.mrb-name a { color: #1A1A1A; text-decoration: none; font-weight: 600; }
.mrb-name a:hover { color: #D9500A; }
.mrb-nat { font-size: 11px; color: #888888; letter-spacing: 1px; font-weight: 600; }
.mrb-num { text-align: right; font-variant-numeric: tabular-nums; color: #444444; }
.mrb-titles { color: #D9500A; font-weight: 700; }

.mrb-pager { display: flex; gap: 6px; justify-content: center; margin-top: 18px; }
.mrb-pager a, .mrb-pager span { padding: 8px 13px; border-radius: 0; background: #fff; border: 1px solid #CCCCCC; color: #444444; text-decoration: none; font-size: 13px; font-weight: 600; }
.mrb-pager a:hover { background: #F5F3EE; color: #1A1A1A; }
.mrb-pager .active { background: #D9500A; border-color: #D9500A; color: #fff; }

.mrb-letters { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 18px; }
.mrb-letters a { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #CCCCCC; color: #444444; text-decoration: none; font-size: 12px; font-weight: 700; border-radius: 0; }
.mrb-letters a:hover, .mrb-letters a.active { background: #D9500A; color: #fff; border-color: #D9500A; }

@media(max-width:700px){
    .mrb-hero h1 { font-size: 32px; }
    .mrb-table th, .mrb-table td { padding: 9px 8px; font-size: 12px; }
    .mrb-table th:nth-child(4), .mrb-table td:nth-child(4),
    .mrb-table th:nth-child(5), .mrb-table td:nth-child(5) { display: none; }
}