/* SOS Helpdesk — interface équipe et portail. Mobile d'abord, thèmes clair/sombre automatiques. */
.hd {
  --bg: #f4f6f9; --card: #fff; --ink: #1b2430; --muted: #64707f; --line: #dfe4ea; --brand: #1d5fd1; --brand-ink: #fff;
  --ok: #138a4b; --warn: #b7791f; --danger: #c53030; --info: #1d5fd1; --radius: 10px; --shadow: 0 1px 2px rgba(16,24,40,.06);
  background: var(--bg); color: var(--ink); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; min-height: 100vh;
}
@media (prefers-color-scheme: dark) {
  .hd { --bg: #0f141b; --card: #171e28; --ink: #e6ebf1; --muted: #93a0b0; --line: #2a3441; --brand: #5b9bff; --brand-ink: #08111f; --ok: #3ccf82; --warn: #f0b24a; --danger: #ff7a7a; --info: #5b9bff; --shadow: none; }
}
.hd *, .hd *::before, .hd *::after { box-sizing: border-box; }
.hd a { color: var(--brand); }
.hd h1 { font-size: 1.5rem; margin: .1em 0 .4em; line-height: 1.25; }
.hd h2 { font-size: 1.1rem; margin: 0 0 .7em; }
.hd h3 { font-size: 1rem; margin: .6em 0 .3em; }
.hd small, .hd .hd-muted { color: var(--muted); }
.hd-muted { margin: .2em 0; }
.hd-text-danger { color: var(--danger); }

/* Navigation */
.hd-top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding: .6rem 1rem; background: var(--card); border-bottom: 1px solid var(--line); }
.hd-brand { font-weight: 700; color: var(--ink) !important; text-decoration: none; margin-right: auto; }
.hd-brand__tag { font-size: .7rem; background: var(--brand); color: var(--brand-ink); padding: .1em .5em; border-radius: 99px; vertical-align: middle; }
.hd-burger-toggle { position: absolute; opacity: 0; pointer-events: none; }
.hd-burger { display: inline-flex; flex-direction: column; gap: 4px; padding: .6rem; cursor: pointer; min-width: 44px; min-height: 44px; justify-content: center; }
.hd-burger span { width: 22px; height: 2px; background: var(--ink); border-radius: 2px; }
.hd-burger-toggle:focus-visible + .hd-burger { outline: 2px solid var(--brand); }
.hd-nav { display: none; flex-basis: 100%; flex-direction: column; gap: .15rem; }
.hd-burger-toggle:checked ~ .hd-nav { display: flex; }
.hd-nav a { padding: .65rem .75rem; border-radius: 8px; text-decoration: none; color: var(--ink); min-height: 44px; display: flex; align-items: center; }
.hd-nav a:hover { background: var(--bg); }
.hd-nav a.is-active { background: var(--brand); color: var(--brand-ink); }
@media (min-width: 900px) {
  .hd-burger { display: none; }
  .hd-nav { display: flex; flex-direction: row; flex-basis: auto; flex-wrap: wrap; }
  .hd-nav a { min-height: 0; padding: .4rem .7rem; }
}

/* Mise en page */
.hd-main { max-width: 1280px; margin: 0 auto; padding: 1rem; }
.hd-main--narrow { max-width: 860px; }
.hd-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; align-items: flex-start; margin-bottom: 1rem; }
.hd-head__act, .hd-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.hd-toolbar { margin-bottom: 1rem; }
.hd-inline { display: inline-flex; }
.hd-cols { display: grid; gap: 1rem; grid-template-columns: 1fr; margin-bottom: 1rem; }
.hd-grid { display: grid; gap: .75rem; grid-template-columns: 1fr; margin: .75rem 0; }
.hd-layout { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 900px) {
  .hd-cols { grid-template-columns: 1fr 1fr; }
  .hd-grid--3 { grid-template-columns: repeat(3, 1fr); }
  .hd-layout { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
}
.hd-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem; margin-bottom: 1rem; box-shadow: var(--shadow); }
.hd-cols > .hd-card, .hd-layout .hd-card { margin-bottom: 0; }
.hd-layout__main, .hd-layout__side { display: grid; gap: 1rem; min-width: 0; }
.hd-card--danger { border-color: var(--danger); }
.hd-card--ok { border-color: var(--ok); }
.hd-box { border: 1px solid var(--line); border-radius: 8px; padding: .75rem; }
.hd-empty { color: var(--muted); font-style: italic; margin: .3em 0; }
.hd-count { background: var(--bg); color: var(--muted); border-radius: 99px; padding: 0 .55em; font-size: .8em; font-weight: 600; }
.hd-scroll { overflow-x: auto; }
.hd-list { list-style: none; margin: 0; padding: 0; }
.hd-list li { padding: .55rem 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.hd-list li:last-child { border-bottom: 0; }
.hd-list li.is-conflict { border-left: 3px solid var(--danger); padding-left: .6rem; }
.hd-dl { display: grid; grid-template-columns: auto 1fr; gap: .35rem .9rem; margin: 0; }
.hd-dl dt { color: var(--muted); } .hd-dl dd { margin: 0; overflow-wrap: anywhere; }

/* Boutons et formulaires */
.hd .hd-btn, .hd .hd-form input[type=submit], .hd .hd-form .button {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; padding: .5rem 1rem; border: 1px solid var(--line); border-radius: 8px;
  background: var(--card); color: var(--ink); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer;
}
.hd .hd-btn:hover, .hd .hd-form input[type=submit]:hover { border-color: var(--brand); }
.hd .hd-btn--primary, .hd .hd-form .hd-btn--primary, .hd .hd-form input[type=submit].hd-btn--primary { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
.hd .hd-btn--danger { color: var(--danger); border-color: var(--danger); }
.hd .hd-btn--small { min-height: 34px; padding: .2rem .7rem; font-size: .9rem; }
.hd-form { max-width: 720px; }
.hd-form .form-item { margin: 0 0 1rem; }
.hd-form label, .hd-form .fieldset-legend { display: block; font-weight: 600; margin-bottom: .25rem; }
.hd-form .description { color: var(--muted); font-size: .88rem; margin-top: .2rem; }
.hd .hd-form input[type=text], .hd .hd-form input[type=email], .hd .hd-form input[type=tel], .hd .hd-form input[type=url], .hd .hd-form input[type=number], .hd .hd-form input[type=date], .hd .hd-form input[type=time],
.hd .hd-form select, .hd .hd-form textarea, .hd-filters input, .hd-filters select, .hd-search input {
  width: 100%; min-height: 44px; padding: .5rem .7rem; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); font: inherit;
}
.hd-form textarea { min-height: 7rem; }
.hd-form input:focus, .hd-form select:focus, .hd-form textarea:focus, .hd-filters input:focus, .hd-search input:focus, .hd a:focus-visible, .hd button:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }
.hd-form .form-radios .form-item, .hd-form .form-type-checkbox { display: flex; gap: .5rem; align-items: center; margin: 0 0 .4rem; }
.hd-form .form-radios label, .hd-form .form-type-checkbox label { font-weight: 400; margin: 0; }
.hd-form details { border: 1px solid var(--line); border-radius: 8px; padding: .6rem .8rem; margin-bottom: 1rem; }
.hd-form details > summary { font-weight: 600; cursor: pointer; }
.hd-form .container-inline, .hd-form .form-type-datetime .form-item { display: inline-block; margin-right: .5rem; }
.hd-trap-wrap { position: absolute !important; left: -9999px; height: 0; overflow: hidden; }
.hd-csat .form-item { display: inline-flex; margin-right: .75rem; }
.hd-vote { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; max-width: none; }
.hd-vote .form-actions { display: flex; gap: .5rem; margin: 0; }
.hd-filters { display: grid; gap: .5rem; grid-template-columns: 1fr; margin-bottom: 1rem; align-items: center; }
@media (min-width: 700px) { .hd-filters { grid-template-columns: 2fr 1fr 1fr 1fr auto; } .hd-filters .hd-presets { grid-column: 1 / -1; } }
.hd-filters label { display: flex; gap: .4rem; align-items: center; }
.hd-search { display: flex; gap: .5rem; }
.hd-search .hd-btn { flex: none; }
.hd details > summary { cursor: pointer; font-weight: 600; padding: .4rem 0; min-height: 44px; display: flex; align-items: center; }

/* Onglets */
.hd-tabs { display: flex; gap: .4rem; overflow-x: auto; padding-bottom: .4rem; margin-bottom: 1rem; scrollbar-width: thin; }
.hd-tabs a { white-space: nowrap; padding: .5rem .85rem; border: 1px solid var(--line); border-radius: 99px; background: var(--card); color: var(--ink); text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; gap: .4rem; }
.hd-tabs a.is-active { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
.hd-tabs a.is-active .hd-count { background: rgba(255,255,255,.25); color: inherit; }

/* Indicateurs */
.hd-kpis { display: grid; gap: .6rem; grid-template-columns: repeat(2, 1fr); margin-bottom: 1rem; }
@media (min-width: 700px) { .hd-kpis { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .hd-kpis { grid-template-columns: repeat(6, 1fr); } }
.hd-kpi { display: flex; flex-direction: column; gap: .1rem; padding: .8rem 1rem; background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--muted); border-radius: var(--radius); text-decoration: none; color: var(--ink) !important; }
.hd-kpi strong { font-size: 1.7rem; line-height: 1.1; } .hd-kpi span { color: var(--muted); font-size: .85rem; }
.hd-kpi--ok { border-left-color: var(--ok); } .hd-kpi--warn { border-left-color: var(--warn); } .hd-kpi--danger { border-left-color: var(--danger); } .hd-kpi--info { border-left-color: var(--info); }

/* Pastilles */
.hd-chip { display: inline-block; padding: .1rem .55rem; border-radius: 99px; background: var(--bg); border: 1px solid var(--line); font-size: .8rem; font-weight: 600; white-space: nowrap; }
.hd-chip--prio { background: var(--prio, #64748b); border-color: var(--prio, #64748b); color: #fff; }
.hd-chip--danger { background: var(--danger); border-color: var(--danger); color: #fff; }
.hd-st-nouveau { border-color: var(--info); color: var(--info); } .hd-st-en_cours, .hd-st-assigne { border-color: var(--brand); color: var(--brand); }
.hd-st-en_attente { border-color: var(--warn); color: var(--warn); } .hd-st-resolu { border-color: var(--ok); color: var(--ok); }
.hd-risk-faible { border-color: var(--ok); color: var(--ok); } .hd-risk-moyen { border-color: var(--warn); color: var(--warn); } .hd-risk-eleve { border-color: var(--danger); color: var(--danger); }
.hd-chs-soumis, .hd-chs-cab { border-color: var(--warn); color: var(--warn); } .hd-chs-approuve, .hd-chs-planifie, .hd-chs-en_cours { border-color: var(--brand); color: var(--brand); }
.hd-chs-implemente, .hd-chs-clos { border-color: var(--ok); color: var(--ok); } .hd-chs-rejete, .hd-chs-echec, .hd-chs-annule { border-color: var(--danger); color: var(--danger); }
.hd-badge { display: inline-block; padding: 0 .5rem; border-radius: 6px; font-size: .75rem; font-weight: 600; }
.hd-badge--danger { background: rgba(197,48,48,.12); color: var(--danger); }
.hd-dot { display: inline-block; width: .7em; height: .7em; border-radius: 50%; margin-right: .4em; }

/* Alertes */
.hd-alert { padding: .8rem 1rem; border-radius: var(--radius); border: 1px solid var(--line); margin-bottom: 1rem; background: var(--card); }
.hd-alert--warn { border-color: var(--warn); } .hd-alert--danger { border-color: var(--danger); } .hd-alert--info { border-color: var(--info); }
.hd .messages { margin: 0 0 1rem; padding: .8rem 1rem; border-radius: var(--radius); border: 1px solid var(--line); background: var(--card); }
.hd .messages--error { border-color: var(--danger); } .hd .messages--warning { border-color: var(--warn); } .hd .messages--status { border-color: var(--ok); }

/* Liste de tickets : cartes sur mobile, tableau dès 900 px */
.hd-table { display: grid; gap: .6rem; }
.hd-table__head { display: none; }
.hd-row { display: grid; grid-template-columns: auto 1fr; gap: .35rem .75rem; padding: .8rem; background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--prio, var(--line)); border-radius: var(--radius); align-items: start; }
.hd-row.is-late { background: color-mix(in srgb, var(--danger) 7%, var(--card)); }
.hd-row > span { min-width: 0; }
.hd-row__main { grid-column: 2; display: flex; flex-direction: column; }
.hd-row__title { font-weight: 600; overflow-wrap: anywhere; }
.hd-row > [data-label]:not(.hd-row__prio):not(.hd-row__main) { grid-column: 1 / -1; display: flex; gap: .5rem; align-items: center; }
.hd-row > [data-label]:not(.hd-row__prio):not(.hd-row__main)::before { content: attr(data-label); color: var(--muted); font-size: .8rem; min-width: 5.5rem; }
.hd-row__act { grid-column: 1 / -1; }
.hd-row__act:empty { display: none; }
.hd-row .hd-sla { flex: 1; }
@media (min-width: 900px) {
  .hd-table__head, .hd-row { grid-template-columns: 70px minmax(0, 3fr) 120px 140px minmax(150px, 1.4fr) 80px; align-items: center; }
  .hd-table__head { display: grid; gap: .75rem; padding: 0 .8rem; color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; }
  .hd-table--changes .hd-table__head, .hd-table--changes .hd-row { grid-template-columns: 130px minmax(0, 3fr) 120px 100px 140px minmax(160px, 1.5fr); }
  .hd-row__main { grid-column: auto; }
  .hd-row > [data-label]:not(.hd-row__prio):not(.hd-row__main) { grid-column: auto; display: block; }
  .hd-row > [data-label]:not(.hd-row__prio):not(.hd-row__main)::before { content: none; }
  .hd-row__act { grid-column: auto; }
}
.hd-pager { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-top: 1rem; flex-wrap: wrap; }

/* Barre SLA */
.hd-sla { margin: .4rem 0; min-width: 120px; }
.hd-sla__bar { height: 8px; background: var(--line); border-radius: 99px; overflow: hidden; }
.hd-sla__bar span { display: block; height: 100%; background: var(--ok); border-radius: 99px; }
.hd-sla--warn .hd-sla__bar span { background: var(--warn); } .hd-sla--breach .hd-sla__bar span { background: var(--danger); }
.hd-sla--paused .hd-sla__bar span, .hd-sla--done .hd-sla__bar span { background: var(--muted); }
.hd-sla__meta { display: flex; justify-content: space-between; gap: .5rem; font-size: .8rem; color: var(--muted); margin-top: .15rem; }
.hd-sla__meta strong { color: var(--ink); } .hd-sla--breach .hd-sla__meta strong { color: var(--danger); } .hd-sla--warn .hd-sla__meta strong { color: var(--warn); }

/* Matrice et tableaux */
.hd-matrix, .hd-simple { width: 100%; border-collapse: collapse; font-size: .92rem; }
.hd-matrix th, .hd-matrix td, .hd-simple th, .hd-simple td { padding: .55rem .6rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.hd-matrix thead th, .hd-simple thead th { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .02em; }
.hd-matrix tbody th { white-space: nowrap; border-left: 4px solid var(--prio); }
.hd-steps { counter-reset: s; list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.hd-steps li { counter-increment: s; display: grid; gap: .1rem; padding: .7rem .8rem .7rem 3rem; border: 1px solid var(--line); border-radius: 8px; position: relative; }
.hd-steps li::before { content: counter(s); position: absolute; left: .8rem; top: .7rem; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--brand); color: var(--brand-ink); display: grid; place-items: center; font-weight: 700; }
.hd-steps span { color: var(--muted); font-size: .92rem; }

/* Conversation */
.hd-thread { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.hd-msg { border: 1px solid var(--line); border-radius: var(--radius); padding: .7rem .9rem; background: var(--card); }
.hd-msg--staff { border-left: 4px solid var(--brand); }
.hd-msg--internal { background: color-mix(in srgb, var(--warn) 10%, var(--card)); border-left: 4px solid var(--warn); }
.hd-msg--system { background: transparent; border-style: dashed; color: var(--muted); font-size: .9rem; }
.hd-msg header { display: flex; justify-content: space-between; gap: .5rem; flex-wrap: wrap; margin-bottom: .3rem; }
.hd-msg time { color: var(--muted); font-size: .85rem; }
.hd-msg__body, .hd-article__body, .hd-article { white-space: pre-wrap; overflow-wrap: anywhere; }
.hd-article h1 { white-space: normal; }
.hd-files { list-style: none; padding: 0; margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.hd-files a { display: inline-block; padding: .25rem .6rem; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; }

/* Base de connaissances */
.hd-results { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .6rem; }
.hd-result { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: .8rem 1rem; display: flex; flex-direction: column; gap: .15rem; }
.hd-result__title { font-weight: 600; font-size: 1.05rem; }
.hd-result p { margin: .2rem 0 0; } .hd-result mark, .hd-suggest mark { background: color-mix(in srgb, var(--warn) 35%, transparent); color: inherit; border-radius: 3px; padding: 0 .1em; }
.hd-tags { list-style: none; padding: 0; margin: .5rem 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.hd-tags li { background: var(--bg); border: 1px solid var(--line); border-radius: 99px; padding: .15rem .7rem; font-size: .88rem; }
.hd-tile { display: flex; flex-direction: column; padding: 1rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--ink) !important; min-height: 64px; }
.hd-tile span { color: var(--muted); font-size: .88rem; } .hd-tile:hover { border-color: var(--brand); }
.hd-hero { text-align: center; padding: 2rem 0 1.5rem; } .hd-hero h1 { font-size: 1.8rem; } .hd-hero .hd-search { max-width: 640px; margin: 1rem auto 0; }
.hd-cta { text-align: center; } .hd-cta .hd-btn { margin: .25rem; }
.hd-suggest { background: var(--card); border: 1px solid var(--brand); border-radius: var(--radius); padding: .7rem .9rem; margin: -.5rem 0 1rem; }
.hd-suggest ul { margin: .3rem 0 0; padding-left: 1.1rem; }
.hd-progress { list-style: none; display: flex; padding: 0; margin: .5rem 0 1rem; gap: .25rem; }
.hd-progress li { flex: 1; text-align: center; padding: .45rem .2rem; font-size: .82rem; border-bottom: 4px solid var(--line); color: var(--muted); }
.hd-progress li.is-done { border-bottom-color: var(--ok); color: var(--ink); font-weight: 600; }

/* Planning : grille semaine (grand écran) et agenda (mobile) */
.hd-legend { display: flex; flex-wrap: wrap; gap: .3rem .9rem; align-items: center; color: var(--muted); font-size: .85rem; margin-left: auto; }
.hd-k { display: inline-block; width: .8em; height: .8em; border-radius: 3px; margin-right: .3em; }
.hd-k--intervention { --k: #1d5fd1; } .hd-k--maintenance { --k: #7c3aed; } .hd-k--astreinte { --k: #0e7490; } .hd-k--changement { --k: #c2410c; }
.hd-k--created { --k: #1d5fd1; } .hd-k--resolved { --k: #138a4b; }
.hd-k { background: var(--k); }
.hd-week { display: none; }
.hd-agenda__day { margin-bottom: 1rem; } .hd-agenda__day.is-today h3 { color: var(--brand); }
.hd-agenda li { border-left: 4px solid var(--k, var(--line)); padding-left: .7rem; }
@media (min-width: 900px) {
  .hd-agenda { display: none; }
  .hd-week { display: grid; grid-template-columns: 52px repeat(7, minmax(0, 1fr)); background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
  .hd-week__hours { display: grid; grid-template-rows: repeat(12, 1fr); padding-top: 2.2rem; height: 640px; font-size: .75rem; color: var(--muted); }
  .hd-week__hours span { padding-left: .4rem; border-top: 1px solid var(--line); }
  .hd-day { border-left: 1px solid var(--line); min-width: 0; }
  .hd-day header { height: 2.2rem; padding: .35rem .5rem; font-weight: 600; background: var(--bg); border-bottom: 1px solid var(--line); }
  .hd-day.is-today header { background: var(--brand); color: var(--brand-ink); }
  .hd-day.is-weekend { background: color-mix(in srgb, var(--bg) 60%, var(--card)); }
  .hd-day__grid { position: relative; height: 640px; background-image: linear-gradient(var(--line) 1px, transparent 1px); background-size: 100% calc(100% / 12); }
  .hd-evt { position: absolute; overflow: hidden; padding: .15rem .35rem; border-radius: 6px; background: var(--k, #64748b); color: #fff !important; text-decoration: none; font-size: .78rem; line-height: 1.25; border: 2px solid transparent; }
  .hd-evt small { display: block; color: rgba(255,255,255,.85); }
  .hd-evt.is-done { opacity: .55; text-decoration: line-through; }
  .hd-evt.is-conflict { border-color: var(--danger); box-shadow: 0 0 0 2px var(--danger); }
}

/* Rapports */
.hd-trend { display: flex; align-items: flex-end; gap: 4px; height: 170px; overflow-x: auto; padding-bottom: 1.3rem; }
.hd-trend__col { flex: 1 0 28px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; }
.hd-trend__bars { display: flex; align-items: flex-end; gap: 2px; width: 100%; height: 100%; }
.hd-trend__bars i { flex: 1; min-height: 2px; border-radius: 3px 3px 0 0; }
.hd-trend__bars .is-created { background: #1d5fd1; } .hd-trend__bars .is-resolved { background: #138a4b; }
.hd-trend__col small { position: absolute; bottom: -1.3rem; font-size: .68rem; white-space: nowrap; }
.hd-hbar { display: grid; grid-template-columns: 90px 1fr 36px; gap: .5rem; align-items: center; margin: .35rem 0; }
.hd-hbar div { height: 10px; background: var(--line); border-radius: 99px; overflow: hidden; } .hd-hbar i { display: block; height: 100%; background: var(--brand); }
.hd-hbar b { text-align: right; }
.hd-presets { display: flex; gap: .4rem; flex-wrap: wrap; }

/* Accessibilité et impression */
.hd a, .hd button { -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: reduce) { .hd * { transition: none !important; animation: none !important; } }
@media print { .hd-top, .hd-head__act, .hd-filters, .hd-toolbar { display: none !important; } .hd { background: #fff; color: #000; } }