/* En-tête commun des pages publiques (scripts/build-site-header.js, 18/10/2026).

   Rendu de référence : l'en-tête des 12 accueils (public/{langue}/index.html). Chaque valeur ci-dessous
   reprend celle de l'accueil — CSS de la page (:root, « Header », « Responsive », header-responsive-fix),
   public/css/home-refonte.css (« En-tête », « [menus-entete] ») et le sélecteur de langue injecté par
   public/js/i18n.js — sans en dépendre : ces pages ont chacune leur CSS, souvent avec les mêmes noms de
   classes (.header, .nav, .btn-primary, .mob-nav…) et des valeurs qui ont divergé. Tout est donc préfixé
   header.dksh (spécificité au-dessus des règles de page) et porte ses propres jetons.
   Paliers : ≥1280 large · 1024–1279 portable · 768–1023 tablette · <768 téléphone (comme l'accueil). */

/* Police : mêmes fichiers Geist que public/fonts/inter.css (même URL, donc même cache), sous un nom propre à
   l'en-tête. Une trentaine de pages (surtout arabes) ne chargent pas inter.css : « Inter » n'y désigne pas
   Geist, et l'en-tête retombait sur une police système, plus large que sur l'accueil. */
@font-face { font-family: 'Dksh Geist'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/fonts/geist-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Dksh Geist'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/fonts/geist-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Jetons : mêmes valeurs que public/fonts/inter.css (html:root, charte 2026), qui s'impose aussi sur les
   accueils. Recopiés ici pour qu'aucune page aux jetons anciens (violet, ombres larges) ne déteigne. */
header.dksh {
  --primary: #6E1F2E; --primary-hover: #5A1825; --primary-light: #F1E1DF; --primary-50: #F6F1E9;
  --surface: #F6F1E9; --surface-2: #EDE5D8; --border: #E4DCCF; --border-2: #CDBFAE;
  --text: #241B1B; --text-muted: #4D4340; --text-light: #6E635E;
  --shadow-md: 0 4px 12px -4px rgba(36,27,27,.10);
  --shadow-lg: 0 16px 32px -16px rgba(36,27,27,.18);
  --radius-sm: 4px; --radius: 6px; --radius-lg: 8px;
  --transition: 0.2s ease;
  position: sticky; top: 0; z-index: 100; display: block;
  width: auto; height: auto; margin: 0; padding: 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none;
  font-family: 'Dksh Geist', 'Inter', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: normal;
  color: var(--text); text-align: start; text-transform: none;
  -webkit-font-smoothing: antialiased;
}
/* Remise à zéro sans poids (:where) : elle ne doit pas écraser le sélecteur de langue qu'i18n.js injecte,
   avec son propre CSS, sur les pages qui le chargent (api.html, contact.html). */
:where(header.dksh) *, :where(header.dksh) *::before, :where(header.dksh) *::after { box-sizing: border-box; margin: 0; padding: 0; }
header.dksh a { color: inherit; text-decoration: none; }
:where(header.dksh) button { font-family: inherit; line-height: normal; cursor: pointer; }
header.dksh svg { display: inline; }
header.dksh [hidden] { display: none !important; }
/* Arabe et hindi : mêmes polices de repli que l'accueil ; l'arabe est une écriture liée, interlettrage nul. */
header.dksh:lang(ar) { font-family: 'Dksh Geist', 'Inter', 'Segoe UI', 'Noto Sans Arabic', 'Geeza Pro', Tahoma, sans-serif; }
header.dksh:lang(hi) { font-family: 'Dksh Geist', 'Inter', 'Nirmala UI', 'Noto Sans Devanagari', 'Kohinoor Devanagari', 'Mangal', sans-serif; }
header.dksh:lang(ar) * { letter-spacing: 0 !important; }

/* ═══ Barre ═══ */
header.dksh .header-inner { position: relative; max-width: 1200px; height: 64px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 32px; background: none; border: 0; }
/* Logo de la charte : mêmes valeurs que public/fonts/inter.css (« Logo façon e-mail »), répétées ici parce
   qu'une trentaine de pages ne chargent pas inter.css. */
header.dksh .logo { display: inline; gap: normal; font-size: 18px; color: #241B1B; font-weight: 600; letter-spacing: -0.02em; text-transform: lowercase; direction: ltr; unicode-bidi: isolate; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
header.dksh .logo img[src="/logo.svg"] { border-radius: 0 !important; margin-inline-end: 10px !important; }
header.dksh .nav { position: static; display: flex; align-items: center; gap: 4px; width: auto; height: auto; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
/* Sur l'accueil, la règle des liens de la barre s'applique aussi aux liens des menus (couleur atténuée,
   survol encre sur sable) : reproduite telle quelle, les règles plus précises ci-dessous l'emportent. */
header.dksh .nav a { padding: 6px 14px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 500; color: var(--text-muted); transition: color var(--transition), background var(--transition); }
header.dksh .nav a:hover { color: var(--text); background: var(--surface); }
header.dksh .nav > a, header.dksh .nav-dd-trigger { height: 40px; padding: 0 12px; border: none; border-radius: var(--radius-sm); background: transparent; display: inline-flex; align-items: center; gap: 4px; color: var(--text-muted); font-size: 14px; font-weight: 500; white-space: nowrap; text-decoration: none; transition: color var(--transition), background var(--transition); }
header.dksh .nav-dd-trigger { line-height: normal; }
header.dksh .nav > a:hover, header.dksh .nav-dd-trigger:hover, header.dksh .nav-dd.open .nav-dd-trigger { color: var(--text); background: var(--surface); }
header.dksh .dkh-login { order: 0; height: 40px; min-height: 0; padding: 0 16px; border: none; border-radius: var(--radius-sm); background: transparent; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; line-height: inherit; color: var(--text-muted); white-space: nowrap; }
header.dksh .dkh-login:hover { color: var(--text); background: var(--surface-2); }
header.dksh .header-actions { display: flex; align-items: center; gap: 10px; margin: 0; }
/* Écarts : la connexion part à droite de la barre, sélecteur et bouton s'en rapprochent (32 − 24 = 8 px). */
header.dksh .header-inner > .nav + * { margin-inline-start: auto; }
header.dksh .header-inner > .nav + .dkh-login[hidden] + * { margin-inline-start: auto; }
@media (min-width: 1024px) {
  header.dksh .header-inner > .dkh-login + *, header.dksh .header-inner > .dksh-lang + #headerActions, header.dksh .header-inner > #langSwitcher + #headerActions { margin-inline-start: -24px; }
  header.dksh .header-inner > .nav + .dkh-login[hidden] + * { margin-inline-start: auto; }
}

/* Boutons */
header.dksh .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 18px; border: none; border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; line-height: inherit; white-space: nowrap; text-decoration: none; transition: all var(--transition); }
header.dksh .btn-primary { background: var(--primary); color: #fff; box-shadow: none; }
header.dksh .btn-primary:hover { background: var(--primary-hover); color: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(110,31,46, 0.35); }
/* Bouton d'inscription : valeurs de l'accueil FR (référence de la maquette) dans toutes les langues ;
   les accueils divergent entre eux (EN : 15 px dès l'ordinateur ; DE, ES, IT… : 12 px sur téléphone). */
header.dksh .header-actions .btn-primary { min-height: 0; max-width: none; }
header.dksh .cta-short { display: none; }
header.dksh .cta-long { display: inline; }
header.dksh .dksh-up svg { flex-shrink: 0; }

/* Connecté : pastille du compte (même rendu que les pages SEO, public/css/seo-shell.css → .dks-me) */
header.dksh .dksh-me { height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 0 10px 0 4px; border-radius: 999px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 600; color: var(--text); text-decoration: none; }
header.dksh .dksh-me:hover { background: var(--surface); }
header.dksh .dksh-av { width: 32px; height: 32px; border-radius: 50%; background: var(--primary); color: #fff; display: grid; place-items: center; font-size: 13px; font-weight: 700; text-transform: uppercase; flex-shrink: 0; }
header.dksh .dksh-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; border: 1px solid var(--border); font-size: 12px; font-weight: 600; color: var(--text-muted); white-space: nowrap; }

/* ═══ Menus « Pour qui » et « Outils » ═══ */
header.dksh .nav-dd { position: relative; }
header.dksh #solutionsDd { position: static; }
header.dksh .nav-dd-chev { transition: transform var(--transition); }
header.dksh .nav-dd.open .nav-dd-chev { transform: rotate(180deg); }
header.dksh .nav-dd-menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; width: 240px; padding: 6px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); z-index: 999; }
header.dksh .nav-dd.open .nav-dd-menu { display: block; }
header.dksh .nav-dd-item { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 500; color: var(--text); text-decoration: none; transition: background var(--transition), color var(--transition); }
header.dksh .nav-dd-item:hover { background: var(--surface); color: var(--primary); }
header.dksh .nav-dd-item svg { width: 17px; height: 17px; flex-shrink: 0; color: var(--text-muted); }
header.dksh .nav-dd-item:hover svg { color: var(--primary); }
/* « Pour qui » : le profil et sa phrase, comme les cartes de la section de l'accueil */
header.dksh .nav-dd-menu.dk3-who { width: 440px; padding: 8px; inset-inline-start: 0; box-shadow: var(--shadow-lg); }
header.dksh .dk3-who .dk3-wi { flex-direction: column; align-items: flex-start; gap: 3px; padding: 11px 12px; }
header.dksh .dk3-who .dk3-wi b { font-size: 15px; font-weight: 600; color: var(--text); letter-spacing: -0.01em; }
header.dksh .dk3-who .dk3-wi span { font-size: 13px; font-weight: 400; line-height: 1.45; color: var(--text-muted); white-space: normal; }
header.dksh .dk3-pfoot { border-top: 1px solid var(--border); margin: 6px 4px 0; padding-top: 4px; }
header.dksh .dk3-pfoot p { margin: -4px 0 6px; padding: 0 10px; font-size: 12px; color: var(--text-muted); }
/* « Outils » : 4 colonnes centrées sous l'en-tête (et non sous son bouton : à 1024 px le panneau sortait de l'écran) */
header.dksh .nav-dd-menu.dkh-mega { width: 640px; padding: 24px; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); inset-inline-start: -140px; left: auto; box-shadow: var(--shadow-lg); }
header.dksh .nav-dd.open .nav-dd-menu.dkh-mega { display: grid; }
header.dksh .nav-dd-menu.dkh-mega.dk3-tools { width: min(940px, calc(100vw - 32px)); inset-inline: 0; margin-inline: auto; top: 100%; padding: 18px 18px 14px; gap: 8px; grid-template-columns: .8fr 1fr 1.25fr 1.2fr; }
header.dksh .dkh-mega .dkh-mh { font-size: 12px; font-weight: 600; color: var(--text-light); margin: 0 0 8px; padding: 0 8px; }
header.dksh .dkh-mega .dkh-mh.dk3-dev { margin-top: 14px; }
header.dksh .dkh-mega .dkh-mh em { font-style: normal; font-weight: 400; margin-inline-start: 4px; }
header.dksh .dkh-mega .nav-dd-item { min-height: 40px; padding: 6px 8px; gap: 12px; }
header.dksh .dkh-mega .nav-dd-item span { white-space: normal; overflow: visible; text-overflow: ellipsis; line-height: 1.3; }
header.dksh .dk3-tools .dk3-free { border-inline-start: 1px solid var(--border); padding-inline-start: 16px; }
header.dksh .dkh-mega .nav-dd-item.dk3-all, header.dksh .nav .nav-dd-item.dk3-sec { color: var(--primary); font-weight: 500; }
header.dksh .dkh-mega .nav-dd-item.dk3-all:hover, header.dksh .nav .nav-dd-item.dk3-sec:hover { text-decoration: underline; text-underline-offset: 3px; }
/* Tuiles de plateforme (écrites dans le HTML, mêmes que les pages SEO) */
header.dksh .dkh-plat { width: 24px; height: 24px; border-radius: 4px; display: grid; place-items: center; color: #fff; flex-shrink: 0; overflow: visible; white-space: normal; }
header.dksh .dkh-plat svg, header.dksh .dkh-mega .nav-dd-item .dkh-plat svg { width: 12px; height: 12px; color: inherit; }
header.dksh .dkh-plat.is-meet { background: none; }
header.dksh .dkh-plat.is-meet svg, header.dksh .dkh-mega .nav-dd-item .dkh-plat.is-meet svg { width: 22px; height: 22px; }
header.dksh .dkh-plat.is-file { background: var(--primary-light); color: var(--primary); }
header.dksh .dkh-plat.is-file svg, header.dksh .dkh-mega .nav-dd-item .dkh-plat.is-file svg { width: 14px; height: 14px; }

/* ═══ Sélecteur de langue (même rendu que celui qu'i18n.js ajoute aux accueils) ═══ */
header.dksh .dksh-lang { position: relative; display: inline-flex; align-items: center; }
header.dksh .dksh-lang-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: none; border-radius: 4px; background: transparent; color: #4D4340; font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; transition: background 0.15s, color 0.15s; }
header.dksh .dksh-lang-btn:hover, header.dksh .dksh-lang.open .dksh-lang-btn { background: rgba(0,0,0,0.05); color: #241B1B; }
header.dksh .dksh-lang-btn svg { opacity: 0.45; flex-shrink: 0; transition: transform 0.2s; stroke: currentColor; }
header.dksh .dksh-lang.open .dksh-lang-btn svg { transform: rotate(180deg); opacity: 0.7; }
header.dksh .dksh-lang-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 10000; min-width: 170px; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: #fff; border: 1px solid #E4DCCF; border-radius: 6px; box-shadow: 0 1px 2px rgba(36,27,27,.06), 0 12px 32px -8px rgba(36,27,27,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity 0.15s, transform 0.15s, visibility 0s linear 0.15s; }
header.dksh .dksh-lang.open .dksh-lang-menu { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); transition-delay: 0s; }
header.dksh .dksh-lang-item { display: flex; align-items: center; gap: 6px; width: 100%; padding: 12px 10px; border-radius: 4px; font-size: 13px; font-weight: 500; line-height: normal; color: #4D4340; text-align: left; white-space: nowrap; transition: background 0.1s; }
header.dksh .dksh-lang-item:hover { background: #EDE5D8; }
header.dksh .dksh-lang-item[aria-current] { background: #F1E1DF; color: #6E1F2E; font-weight: 700; }
header.dksh .dksh-lang-code { width: 24px; flex-shrink: 0; font-size: 12px; font-weight: 700; color: #6E635E; letter-spacing: .04em; text-align: center; }
header.dksh .dksh-lang-item[aria-current] .dksh-lang-code { color: #6E1F2E; }
header[dir="rtl"].dksh .dksh-lang-menu, [dir="rtl"] header.dksh .dksh-lang-menu { right: auto; left: 0; }

/* ═══ Menu mobile : bouton et feuille plein écran ═══ */
header.dksh .mob-menu-btn { display: none; width: 44px; height: 44px; margin: 0; padding: 0; background: #fff; border: 1px solid var(--border); border-radius: 6px; color: var(--text); align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; transition: background var(--transition), border-color var(--transition); }
header.dksh .mob-menu-btn:active { background: var(--surface); }
header.dksh .mob-menu-btn.open { background: var(--primary-light); border-color: #D9A7AD; color: var(--primary); }
header.dksh .mob-menu-btn .icon-close { display: none; }
header.dksh .mob-menu-btn.open .icon-burger { display: none; }
header.dksh .mob-menu-btn.open .icon-close { display: block; }
header.dksh .mob-nav { display: none; }

@media (max-width: 1279px) { header.dksh .nav > a.dkh-opt { display: none; } }
@media (max-width: 1023px) {
  header.dksh .header-inner { gap: 12px; }
  header.dksh .nav { display: none; }
  header.dksh .mob-menu-btn { display: flex; order: 10; }
  header.dksh .cta-short { display: inline; }
  header.dksh .cta-long { display: none; }
  header.dksh .mob-nav.dkh-sheet.open { position: absolute; top: 100%; left: 0; right: 0; height: calc(100vh - 64px); height: calc(100dvh - 64px); z-index: 99; overflow: auto; padding: 8px 16px 32px; display: block; background: #fff; border-top: 1px solid var(--border); text-align: start; }
  header.dksh .mob-nav-link { display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 4px; background: none; border: 0; border-bottom: 1px solid var(--border); font-size: 16px; font-weight: 500; line-height: inherit; color: var(--text); text-align: start; transition: background 0.15s, color 0.15s; }
  header.dksh .mob-nav-link:hover { background: var(--surface); color: var(--primary); }
  header.dksh .mob-nav-divider { height: 1px; margin: 8px 0; background: var(--border); }
  header.dksh .mob-nav-contact { display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 4px; background: none; border: none; font-size: 16px; font-weight: 600; color: var(--primary); text-align: left; cursor: pointer; }
  [dir="rtl"] header.dksh .mob-nav-contact { text-align: right; }
  header.dksh .mob-nav-contact:hover { background: var(--surface); }
  header.dksh .mob-nav-sublink { display: block; padding: 9px 20px 9px 32px; font-size: 14px; font-weight: 500; color: var(--text-muted); transition: background 0.15s, color 0.15s; }
  header.dksh .mob-nav-sublink:hover { background: var(--surface); color: var(--primary); }
  /* Deux groupes repliables, plateformes en pastilles de 44 px */
  header.dksh .dk3-msheet .dk3-mgrp { border-bottom: 1px solid var(--border); }
  header.dksh .dk3-msheet .dk3-mgrp > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 4px; font-size: 16px; cursor: pointer; }
  header.dksh .dk3-msheet .dk3-mgrp > summary::-webkit-details-marker { display: none; }
  header.dksh .dk3-msheet .dk3-mgrp[open] > summary { color: var(--primary); }
  header.dksh .dk3-msheet .dk3-mgrp[open] > summary .nav-dd-chev { transform: rotate(180deg); }
  header.dksh .dk3-msheet .dk3-mgrp > .mob-nav-sublink { display: flex; align-items: center; min-height: 44px; padding: 0 12px; font-size: 15px; font-weight: 400; color: var(--text-muted); }
  header.dksh .dk3-msheet .dk3-mgrp > .mob-nav-sublink.dk3-all { color: var(--primary); font-weight: 500; margin-bottom: 8px; }
  header.dksh .dk3-msheet .dk3-mh { padding: 14px 12px 6px; font-size: 12px; font-weight: 600; color: var(--text-light); }
  header.dksh .dk3-msheet .dkh-sgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 8px; margin-bottom: 4px; }
  header.dksh .dk3-msheet .dkh-sgrid .mob-nav-sublink { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; min-height: 44px; padding: 0 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 14px; font-weight: 500; line-height: 1.3; color: var(--text); text-align: start; word-break: break-word; }
  header.dksh .dk3-msheet .dkh-sgrid .mob-nav-sublink:hover { border-color: #D9A7AD; background: var(--primary-50); }
  header.dksh .dkh-sico { width: 22px; height: 22px; display: grid; place-items: center; color: var(--text); }
  header.dksh .dkh-sico .dkh-plat { width: 22px; height: 22px; border-radius: 4px; }
  header.dksh .dkh-sico .dkh-plat svg { width: 14px; height: 14px; }
  header.dksh .dkh-sico .dkh-plat.is-meet svg { width: 22px; height: 22px; }
  header.dksh .dk3-mcta { display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 12px 0 4px; border-radius: var(--radius-sm); background: var(--primary); color: #fff; font-size: 16px; font-weight: 600; }
  header.dksh .dk3-mcta:hover { background: var(--primary-hover); }
  body.dksh-lock { overflow: hidden; }
}
@media (max-width: 768px) {
  header.dksh .header-inner { padding: 0 12px; }
  header.dksh .header-actions { gap: 6px; }
  header.dksh .header-actions .btn-primary { font-size: 15px; padding: 12px 24px; min-height: 44px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  header.dksh .logo { font-size: 16px; }
  header.dksh .dksh-lang-menu { right: 0; left: auto; grid-template-columns: 1fr; min-width: 145px; }
  header.dksh .dksh-lang-btn { min-height: 44px; min-width: 44px; justify-content: center; }
  header.dksh .dksh-lang-item { min-height: 44px; }
}
@media (max-width: 767px) {
  header.dksh .dkh-login { display: none !important; }
  header.dksh .header-inner > .dksh-lang, header.dksh .header-inner > #langSwitcher { margin-inline-start: auto; }
  header.dksh #headerActions { margin-inline-start: 0; }
  /* Connecté : l'avatar seul, zone tactile de 44 px — comme l'accueil, pas de bouton de passage
     (avec lui, le bouton du menu sortait de l'écran à 390 px) */
  header.dksh .dksh-up { display: none !important; }
  header.dksh .dksh-me { width: 44px; height: 44px; padding: 0; border: 0; background: none; justify-content: center; }
  header.dksh .dksh-me:hover { background: none; }
  header.dksh .dksh-me .dksh-pill { display: none; }
  header.dksh .dksh-me .dksh-av { width: 34px; height: 34px; font-size: 14px; }
}
@media (max-width: 480px) { header.dksh .header-actions .btn-primary { max-width: none; padding: 10px 14px; } }
/* Icône du logo : gardée dès 375 px (des pages la masquent sous 768 px avec !important), retirée en dessous
   faute de place pour logo + langue + bouton + menu. */
@media (min-width: 375px) { header.dksh .logo img { display: inline-block !important; } }
@media (max-width: 374px) {
  header.dksh .header-inner { gap: 6px; padding: 0 10px; }
  header.dksh .logo img { display: none !important; }
}
@media (min-width: 1024px) { header.dksh .mob-nav { display: none !important; } }