/* css/thc.css - habillage maison de tophockeycards.com. Remplace l'ancien gabarit du site.
   Le bandeau (#thc-header) et le pied (#thc-footer) portent leur propre CSS dans leurs includes.
   Les regles de base sont dans :where() (specificite nulle) : tout composant les surclasse. */
:root {
  --thc-bg:#f7f7f5; --thc-surface:#ffffff; --thc-line:#e3e3df; --thc-text:#14161a; --thc-muted:#6b6f76;
  --thc-ink:#111111; --thc-gold:#ffbc43; --thc-gold-soft:#fff8e6;
  --thc-up:#1e8e3e; --thc-down:#d93025; --thc-flat:#80868b; --thc-rc:#c62828;
  --thc-title:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --thc-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --thc-radius:10px;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing:border-box; }
/* overflow-x:hidden : comme l'ancien theme. Les panneaux flottants du bandeau, invisibles mais positionnes, depassent a droite sur mobile. */
html { -webkit-text-size-adjust:100%; overflow-x:hidden; }
body { overflow-x:clip; }
body { margin:0; background:var(--thc-bg); color:var(--thc-text); font:400 16px/1.55 var(--thc-body); }
img { max-width:100%; height:auto; border:0; }
:where(a) { color:inherit; }
:where(h1,h2,h3,h4) { margin:0 0 .5em; font-family:var(--thc-title); font-weight:700; line-height:1.1; text-transform:uppercase; letter-spacing:.01em; overflow-wrap:anywhere; }
:where(h1) { font-size:clamp(30px,5vw,46px); }
:where(h2) { font-size:clamp(24px,3.5vw,32px); }
:where(h3) { font-size:22px; }
:where(h4) { font-size:18px; }
:where(h1,h2,h3,h4) :where(strong) { font-weight:700; }
:where(p) { margin:0 0 1em; }
:where(ul,ol) { margin:0 0 1em; padding-left:1.25em; }
:where(hr) { border:0; border-top:1px solid var(--thc-line); margin:24px 0; }
:focus-visible { outline:2px solid var(--thc-gold); outline-offset:2px; }
button, input, select, textarea { font:inherit; color:inherit; }
[hidden] { display:none !important; }
.thc-i { width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.125em; flex:0 0 auto; }

/* Liens du contenu : seulement ceux qui n'ont pas de classe */
:where(.thc-main a:not([class])) { text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; text-underline-offset:3px; overflow-wrap:anywhere; }
:where(.thc-main a:not([class])):hover { background:var(--thc-gold-soft); }

/* ---------- Mise en page ---------- */
.thc-main { display:block; padding:0 0 48px; }
.thc-wrap { max-width:1140px; margin:0 auto; padding:0 16px; }
.thc-title { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:28px 0 0; margin:0 0 18px; }
.thc-title-text { flex:1 1 auto; min-width:0; padding-bottom:12px; border-bottom:3px solid var(--thc-gold); }
.thc-title h1 { margin:0; }
.thc-kicker { display:block; margin:0 0 6px; font:600 13px/1.2 var(--thc-body); letter-spacing:.08em; text-transform:uppercase; color:var(--thc-muted); }
.thc-title-photo { flex:0 0 96px; display:block; }
.thc-title-photo img { display:block; width:96px; height:128px; object-fit:contain; border-radius:6px; border:1px solid var(--thc-line); background:var(--thc-surface); }
.thc-intro { max-width:72ch; margin:0 0 18px; color:var(--thc-muted); }
.thc-intro strong { color:var(--thc-text); }
.thc-ad { min-height:100px; margin:0 0 24px; text-align:center; overflow:hidden; }
.thc-cols { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:32px; align-items:start; }
.thc-content, .thc-side { min-width:0; }
.thc-side { display:grid; gap:24px; }
.thc-side > * { min-width:0; margin:0; }
.thc-side img { display:block; margin:0 auto; }
.thc-section { margin:0 0 36px; }
.thc-h { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin:0 0 14px; padding:0 0 8px; border-bottom:1px solid var(--thc-line); }
.thc-h small { font:400 14px/1.3 var(--thc-body); letter-spacing:0; text-transform:none; color:var(--thc-muted); }
.thc-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.thc-center { text-align:center; }
/* Bande sombre : les deblocages a vie (h/unlocks-ui.asp) sont dessines pour un fond fonce */
.thc-band { margin:24px 0; padding:4px 8px 8px; border-radius:var(--thc-radius); background:var(--thc-ink); color:#fff; }
@media (max-width:991px) { .thc-cols { grid-template-columns:minmax(0,1fr); } }
@media (max-width:767px) { .thc-two { grid-template-columns:minmax(0,1fr); } .thc-title-photo { flex-basis:72px; } .thc-title-photo img { width:72px; height:96px; } }

/* ---------- Encadre, boutons, alertes ---------- */
.thc-box { background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:var(--thc-radius); padding:18px; margin:0 0 24px; }
.thc-box > :last-child { margin-bottom:0; }
.thc-btn, .thc-btn:visited { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border:2px solid var(--thc-ink); border-radius:999px; background:var(--thc-ink); color:#fff; font:700 15px/1.1 var(--thc-body); text-decoration:none; cursor:pointer; }
.thc-btn:hover { background:var(--thc-gold); border-color:var(--thc-gold); color:var(--thc-ink); }
.thc-btn-ghost, .thc-btn-ghost:visited { background:transparent; color:var(--thc-ink); }
.thc-btn-sm { min-height:36px; padding:0 14px; font-size:13px; }
.thc-btn.is-off, .thc-btn[disabled] { opacity:.45; pointer-events:none; }
.thc-alert { padding:12px 16px; margin:0 0 18px; border:1px solid var(--thc-line); border-left:4px solid var(--thc-flat); border-radius:8px; background:var(--thc-surface); }
.thc-alert.alert-success { border-left-color:var(--thc-up); }
.thc-alert.alert-warning { border-left-color:var(--thc-gold); }
.thc-alert.alert-danger { border-left-color:var(--thc-down); }
.thc-muted { color:var(--thc-muted); font-size:13px; }
.thc-err { color:var(--thc-down); font-weight:600; }
.thc-ok { color:var(--thc-up); font-weight:600; }

/* ---------- Recherche et formulaires ---------- */
.thc-search label, .thc-field label { display:block; margin:0 0 6px; font:600 13px/1.2 var(--thc-body); color:var(--thc-muted); }
.thc-search-row { display:flex; }
.thc-search input { flex:1 1 auto; min-width:0; height:48px; padding:0 16px; border:2px solid var(--thc-ink); border-right:0; border-radius:999px 0 0 999px; background:var(--thc-gold); color:var(--thc-ink); font-weight:600; }
.thc-search input::placeholder { color:#6b5520; }
.thc-search .thc-btn { height:48px; border-radius:0 999px 999px 0; }
.thc-search-lg { max-width:640px; }
.thc-search-lg input, .thc-search-lg .thc-btn { height:56px; font-size:18px; }
.thc-form { display:grid; gap:16px; max-width:640px; }
.thc-field input, .thc-field textarea { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #b9b9b4; border-radius:8px; background:var(--thc-surface); }
.thc-field textarea { min-height:160px; resize:vertical; }
.thc-piege { position:absolute; left:-9999px; }

/* ---------- Tableaux ---------- */
.thc-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.thc-table-wrap { margin:0 0 18px; border:1px solid var(--thc-line); border-radius:var(--thc-radius); background:var(--thc-surface); overflow:hidden; }
.thc-table { width:100%; border-collapse:collapse; background:var(--thc-surface); font-variant-numeric:tabular-nums; }
.thc-table th, .thc-table td { padding:10px 12px; border-bottom:1px solid var(--thc-line); text-align:left; vertical-align:middle; }
.thc-table tr:last-child > * { border-bottom:0; }
.thc-table thead th, .thc-table tbody tr:first-child > th { font:600 12px/1.2 var(--thc-body); letter-spacing:.06em; text-transform:uppercase; color:var(--thc-muted); white-space:nowrap; }
.thc-table tbody tr:hover { background:var(--thc-gold-soft); }
.thc-table .thc-num { text-align:right; white-space:nowrap; }
.thc-table .thc-mid { text-align:center; }
.thc-table tr.thc-row-gold > td:first-child { box-shadow:inset 3px 0 0 var(--thc-gold); }
.thc-table a { font-weight:600; text-decoration:none; overflow-wrap:normal; }
.thc-table a:hover { text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; }
.thc-legend { margin:0 0 12px; font-size:14px; color:var(--thc-muted); }

/* ---------- Listes numerotees ---------- */
.thc-rank { list-style:none; margin:0 0 18px; padding:0; counter-reset:thc-rank; background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:var(--thc-radius); overflow:hidden; }
.thc-rank li { display:flex; align-items:center; gap:12px; min-height:44px; padding:6px 14px; border-bottom:1px solid var(--thc-line); counter-increment:thc-rank; }
.thc-rank li:last-child { border-bottom:0; }
.thc-rank li:hover { background:var(--thc-gold-soft); }
.thc-rank li::before { content:counter(thc-rank); flex:0 0 30px; font:700 20px/1 var(--thc-title); color:var(--thc-muted); text-align:right; }
.thc-rank-plain li::before { content:none; }
.thc-rank-n { flex:0 0 30px; font:700 20px/1 var(--thc-title); color:var(--thc-muted); text-align:right; }
.thc-rank a { flex:1 1 auto; min-width:0; font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.thc-rank a:hover { text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; }
.thc-rank-v { flex:0 0 auto; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.thc-rank .is-locked { color:var(--thc-muted); }

/* ---------- Etiquettes et tendances ---------- */
.thc-tag-rc, .thc-tag-hot, .thc-tag-new, .thc-tag-free { display:inline-block; padding:3px 8px; border-radius:999px; font:700 11px/1.2 var(--thc-body); letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; vertical-align:middle; }
.thc-tag-rc { background:var(--thc-rc); color:#fff; }
.thc-tag-hot { background:var(--thc-gold); color:var(--thc-ink); }
.thc-tag-new { background:#e9e9e6; color:var(--thc-text); }
.thc-tag-free { background:var(--thc-up); color:#fff; }
.thc-up { color:var(--thc-up); }
.thc-down { color:var(--thc-down); }
.thc-flat { color:var(--thc-flat); }

/* ---------- Pagination ---------- */
.thc-pager { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:18px 0 0; }
.thc-pager ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0; padding:0; }
.thc-pager a, .thc-pager span { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 12px; border:1px solid var(--thc-line); border-radius:8px; background:var(--thc-surface); font-weight:600; text-decoration:none; }
.thc-pager a:hover { border-color:var(--thc-gold); background:var(--thc-gold-soft); }
.thc-pager .is-on a, .thc-pager .is-on span { background:var(--thc-ink); border-color:var(--thc-ink); color:#fff; }
.thc-pager .is-off a, .thc-pager .is-off span { opacity:.4; pointer-events:none; }
.thc-pager .is-gap span { min-width:20px; padding:0; border-color:transparent; background:transparent; }
@media (max-width:575px) { .thc-pager { justify-content:center; } .thc-pager > div { width:100%; text-align:center; } }

/* ---------- Accueil : tuiles des joueurs gratuits ---------- */
.thc-tiles { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:0 0 8px; }
.thc-tile { position:relative; display:flex; flex-direction:column; background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:var(--thc-radius); overflow:hidden; text-align:center; }
.thc-tile-pic { display:flex; align-items:center; justify-content:center; aspect-ratio:3/4; background:#ecebe7; overflow:hidden; }
.thc-tile-pic img { width:100%; height:100%; object-fit:contain; }
.thc-tile-rank { position:absolute; top:8px; left:8px; padding:4px 9px; border-radius:999px; background:var(--thc-ink); color:#fff; font:700 16px/1 var(--thc-title); }
.thc-tile .thc-tag-free { position:absolute; top:8px; right:8px; }
.thc-tile-h { margin:0; padding:10px 8px 2px; font-size:20px; }
.thc-tile-link { display:block; padding:4px 8px 12px; font-size:13px; line-height:1.3; text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; text-underline-offset:3px; }
.thc-tile-link:hover { background:var(--thc-gold-soft); }
.thc-open { display:inline-flex; align-items:center; gap:6px; margin:0 0 14px; padding:6px 12px; border-radius:999px; background:var(--thc-up); color:#fff; font:700 12px/1.2 var(--thc-body); letter-spacing:.04em; }
@media (max-width:1199px) { .thc-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) { .thc-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ---------- Page joueur : cartes (h/thc-cards.asp) ---------- */
.thc-cards { margin:0 0 24px; background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:var(--thc-radius); overflow:hidden; }
.thc-card-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 16px; padding:14px 16px; border-bottom:1px solid var(--thc-line); }
.thc-card-row:last-child { border-bottom:0; }
.thc-card-row.is-rc { box-shadow:inset 3px 0 0 var(--thc-rc); }
.thc-card-main { grid-column:1; min-width:0; overflow-wrap:anywhere; }
.thc-card-name { font-weight:700; text-transform:uppercase; }
.thc-card-type { color:var(--thc-muted); font-size:14px; }
.thc-card-set { grid-column:1; font-size:14px; overflow-wrap:anywhere; text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; text-underline-offset:3px; }
.thc-card-set:hover { background:var(--thc-gold-soft); }
.thc-trend { grid-column:2; grid-row:1 / span 2; align-self:center; text-align:right; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.thc-trend .thc-price { display:block; font-size:18px; color:var(--thc-text); }
.thc-trend-inline { font-weight:700; white-space:nowrap; }
.thc-card-photos { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.thc-card-photos img { display:block; width:110px; height:110px; object-fit:cover; border-radius:6px; border:1px solid var(--thc-line); }
.thc-summary { display:flex; gap:10px; margin:0 0 18px; }
.thc-summary div { flex:1; min-width:0; padding:12px 8px; border:1px solid var(--thc-line); border-radius:8px; background:var(--thc-surface); text-align:center; }
.thc-summary b { display:block; font:700 26px/1 var(--thc-title); }
.thc-summary span { font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--thc-muted); }
.thc-unlocked { font-weight:700; color:var(--thc-up); }
.thc-unlocked-wrap { margin:0 0 18px; }
.thc-bar { height:12px; border-radius:999px; background:#e9e9e6; overflow:hidden; }
.thc-bar-fill { height:100%; border-radius:999px; background:var(--thc-up); transition:width 1s linear; }
.thc-bar-fill.thc-bar-warn { background:var(--thc-gold); }
.thc-bar-fill.thc-bar-late { background:var(--thc-down); }
.thc-bar-label { display:block; margin-top:4px; color:var(--thc-muted); }
.thc-bar-label b { color:var(--thc-text); }
.thc-choices { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }

/* Paquets de jetons */
.thc-packs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.thc-pack, .thc-pack:hover { position:relative; display:flex; flex-direction:column; align-items:center; padding:18px 8px 14px; border:2px solid var(--thc-line); border-radius:12px; background:var(--thc-surface); color:var(--thc-text); text-decoration:none; transition:border-color .15s; }
.thc-pack:hover { border-color:var(--thc-gold); }
.thc-pack b { font:700 38px/1 var(--thc-title); }
.thc-pack span { margin:4px 0 10px; font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--thc-muted); }
.thc-pack em { padding:6px 14px; border-radius:999px; background:var(--thc-gold); color:var(--thc-ink); font-style:normal; font-weight:800; font-size:16px; white-space:nowrap; }
.thc-pack-best { border-color:var(--thc-gold); background:var(--thc-gold-soft); }
.thc-pack i { position:absolute; top:-11px; left:50%; transform:translateX(-50%); padding:3px 10px; border-radius:999px; background:var(--thc-ink); color:var(--thc-gold); font-style:normal; font-size:11px; font-weight:700; white-space:nowrap; }
@media (max-width:480px) { .thc-packs { gap:8px; } .thc-pack b { font-size:30px; } .thc-pack em { padding:5px 7px; font-size:12px; } }

/* ---------- Tendances : joueurs debloques et parrainage ---------- */
.thc-unlocked-box { border:2px solid var(--thc-gold); background:var(--thc-gold-soft); }
.thc-unlocked-list { list-style:none; margin:0; padding:0; }
.thc-unlocked-list li { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; padding:10px 0; border-bottom:1px dashed #e8d9b5; }
.thc-unlocked-list li:last-child { border-bottom:0; padding-bottom:0; }
.thc-unlocked-list a { font-weight:700; text-transform:uppercase; text-decoration:none; }
.thc-unlocked-list a .thc-i { margin-right:8px; color:var(--thc-up); }
.thc-countdown { padding:5px 12px; border-radius:999px; background:var(--thc-ink); color:var(--thc-gold); font-weight:700; font-size:13px; white-space:nowrap; }
.thc-countdown.thc-expired { background:var(--thc-down); color:#fff; }
.thc-ref-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.thc-ref-code { font:700 34px/1 var(--thc-title); letter-spacing:4px; }
.thc-ref-redeem { display:flex; gap:8px; margin-top:12px; }
.thc-ref-redeem input { width:180px; min-width:0; height:44px; padding:0 12px; border:1px solid #b9b9b4; border-radius:8px; letter-spacing:3px; text-transform:uppercase; }

/* ---------- Stats NHL ---------- */
.thc-boards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 36px; }
.thc-board { position:relative; background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:var(--thc-radius); overflow:hidden; }
.thc-board h4 { margin:0; padding:14px 150px 10px 14px; font-size:20px; }
.thc-board div[data-pane] + div[data-pane] h4 { border-top:1px solid var(--thc-line); }
.thc-seg { position:absolute; top:9px; right:10px; display:inline-flex; border:1px solid var(--thc-ink); border-radius:999px; overflow:hidden; background:var(--thc-surface); }
.thc-seg button { min-height:32px; padding:0 12px; border:0; background:transparent; font:600 13px/1 var(--thc-body); cursor:pointer; }
.thc-seg button[aria-pressed="true"] { background:var(--thc-ink); color:#fff; }
.thc-rows { list-style:none; margin:0; padding:0; }
.thc-rows li { display:grid; grid-template-columns:minmax(0,1fr) 48px 56px 32px; align-items:center; gap:8px; min-height:44px; padding:4px 14px; border-top:1px solid var(--thc-line); }
.thc-rows li:hover { background:var(--thc-gold-soft); }
.thc-pl { min-width:0; font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
a.thc-pl:hover { text-decoration:underline; text-decoration-color:var(--thc-gold); text-decoration-thickness:2px; }
.thc-team { padding:3px 0; border-radius:4px; background:var(--thc-ink); color:#fff; font:700 12px/1.2 var(--thc-body); text-align:center; }
.thc-rows b { text-align:right; font-variant-numeric:tabular-nums; }
.thc-rows .thc-zoom { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:6px; color:var(--thc-muted); }
.thc-rows .thc-zoom:hover { background:var(--thc-gold); color:var(--thc-ink); }
.thc-update { margin:0 0 18px; font:600 13px/1.2 var(--thc-body); letter-spacing:.08em; text-transform:uppercase; color:var(--thc-muted); }
@media (max-width:767px) { .thc-boards { grid-template-columns:minmax(0,1fr); } }

/* ---------- Page joueur FR : video ---------- */
.thc-video { position:relative; max-width:760px; aspect-ratio:16 / 9; margin:0 0 24px; border-radius:var(--thc-radius); overflow:hidden; background:#000; }
.thc-video iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

/* ---------- Pages secondaires ---------- */
.thc-grid-cards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.thc-grid-cards a { display:flex; flex-direction:column; background:var(--thc-surface); border:1px solid var(--thc-line); border-radius:8px; overflow:hidden; text-align:center; text-decoration:none; }
.thc-grid-cards a:hover { border-color:var(--thc-gold); }
.thc-grid-cards img { display:block; width:100%; aspect-ratio:3/4; object-fit:contain; background:#ecebe7; }
.thc-grid-cards b { padding:8px 6px 0; font:700 16px/1.1 var(--thc-title); text-transform:uppercase; overflow-wrap:anywhere; }
.thc-grid-cards span { padding:2px 6px 8px; font-size:12px; color:var(--thc-muted); }
.thc-years { display:flex; flex-wrap:wrap; gap:6px; }
@media (max-width:991px) { .thc-grid-cards { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:575px) { .thc-grid-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ---------- Visionneuse (js/thc.js) ---------- */
dialog.thc-zoom-box { max-width:96vw; max-height:96vh; padding:0; border:0; background:transparent; }
dialog.thc-zoom-box::backdrop { background:rgba(0,0,0,.85); }
.thc-zoom-box figure { margin:0; text-align:center; }
.thc-zoom-box img { display:block; max-width:96vw; max-height:84vh; margin:0 auto; border-radius:6px; background:#fff; }
.thc-zoom-box figcaption { margin-top:10px; color:#fff; font-weight:600; }
.thc-zoom-box button { position:fixed; top:12px; right:12px; width:44px; height:44px; border:0; border-radius:50%; background:var(--thc-gold); color:var(--thc-ink); font:700 24px/1 var(--thc-body); cursor:pointer; }

@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }