/*
 * Module Evoxse : design system du site (thème actif : evoxse, enfant de Classic, PrestaShop 8.2)
 * « L'eau douce » : crème, bleu nuit, noir et blanc, serif élégant.
 * Aucune ressource externe : polices, images et scripts sont servis par le site.
 *
 * Sommaire
 *   1. Polices locales
 *   2. Variables
 *   3. Base PrestaShop (pages natives : produits, panier, comptes, CMS)
 *   4. Composants Evoxse (préfixe evx-, utilisés dans les pages Creative Elements)
 *   5. Sections de page
 *   6. Animations
 *   7. Responsive et accessibilité
 */

/* ===== 1. Polices locales (licence SIL OFL) ===== */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond.woff2") format("woff2");
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic.woff2") format("woff2");
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("../fonts/jost.woff2") format("woff2");
}

/* ===== 2. Variables ===== */
:root {
  --evx-ink: #101B2B;
  --evx-black: #000;
  --evx-white: #fff;
  --evx-cream: #F6F2EC;
  --evx-sand: #E9DFD0;
  --evx-mist: #E6EEF0;
  --evx-cyan: #22B8EE;
  --evx-line: #E2DBD0;
  --evx-muted: #5b6573;
  --evx-text: #2a3546;
  --evx-sans: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --evx-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --evx-ease: cubic-bezier(.2, .7, .2, 1);
  --evx-shadow: 0 30px 70px rgba(16, 27, 43, .12);
}

/* ===== 3. Base PrestaShop ===== */
body {
  background: var(--evx-white);
  color: var(--evx-ink);
  font-family: var(--evx-sans);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}
#wrapper { background: var(--evx-white); }

h1, h2, h3, h4, .h1, .h2, .h3, .h4,
.page-header h1, #content-wrapper h1 {
  font-family: var(--evx-serif);
  font-weight: 400;
  color: var(--evx-ink);
  letter-spacing: 0;
  text-transform: none;
}

a { color: var(--evx-ink); }
a:hover, a:focus { color: var(--evx-black); }

.btn, .btn-primary, .btn-secondary {
  border-radius: 0;
  font-family: var(--evx-sans);
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  box-shadow: none;
}
.btn-primary { background: var(--evx-black); border: 1px solid var(--evx-black); color: var(--evx-white); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: var(--evx-ink); border-color: var(--evx-ink); color: var(--evx-white); }
.btn-secondary, .btn-tertiary { background: transparent; border: 1px solid var(--evx-black); color: var(--evx-black); }
.btn-secondary:hover, .btn-tertiary:hover { background: var(--evx-black); color: var(--evx-white); }

.form-control, .custom-select, select {
  background: var(--evx-white);
  border-radius: 0;
  border: 1px solid var(--evx-line);
  color: var(--evx-ink);
  font-family: var(--evx-sans);
}
.form-control:focus { border-color: var(--evx-black); box-shadow: none; outline: 0; }

.card, .page-content, .card-block { border-radius: 0; }
.page-content.page-cms, .page-content.page-not-found { color: var(--evx-ink); }
.breadcrumb { background: transparent; }
.breadcrumb a, .breadcrumb li { color: var(--evx-muted); }
.page-cms a:not(.btn):not(.evx-btn) { text-decoration: underline; text-underline-offset: 3px; }

/* ===== 4. Composants Evoxse ===== */
.evx { color: var(--evx-ink); font-family: var(--evx-sans); font-weight: 300; line-height: 1.65; }
.evx *, .evx *::before, .evx *::after { box-sizing: border-box; }
.evx a { color: inherit; }
.evx img { max-width: 100%; }

.evx-wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }

.evx-eyebrow {
  display: inline-block;
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--evx-muted);
}

.evx-h1, .evx-h2, .evx-h3 {
  font-family: var(--evx-serif);
  font-weight: 400;
  color: inherit;
  text-transform: none;
  letter-spacing: 0;
}
.evx-h1 { font-size: clamp(46px, 6.4vw, 92px); line-height: 1; margin: 18px 0 26px; letter-spacing: -.01em; }
.evx-h2 { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.1; margin: 14px 0 22px; }
.evx-h3 { font-size: 28px; line-height: 1.15; margin: 0 0 10px; }
.evx-h1 em, .evx-h2 em, .evx-h3 em { font-weight: 300; }

.evx-lead { font-size: 18px; max-width: 30em; color: var(--evx-text); margin: 0 0 34px; }
.evx-sub { font-size: 17px; max-width: 36em; color: var(--evx-text); margin: 0; }
.evx-center { text-align: center; }
.evx-center .evx-sub, .evx-center .evx-h2 { margin-left: auto; margin-right: auto; }

/* Boutons */
.evx-btn {
  display: inline-block;
  background: var(--evx-black);
  color: var(--evx-white) !important;
  text-decoration: none !important;
  font-family: var(--evx-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 30px;
  border: 1px solid var(--evx-black);
  border-radius: 0;
  cursor: pointer;
  transition: background .3s, color .3s, transform .3s;
}
.evx-btn:hover { background: var(--evx-ink); transform: translateY(-2px); }
.evx-btn--ghost { background: transparent; color: var(--evx-black) !important; }
.evx-btn--ghost:hover { background: var(--evx-black); color: var(--evx-white) !important; }
.evx-btn--light { background: var(--evx-white); color: var(--evx-black) !important; border-color: var(--evx-white); }
.evx-btn--light:hover { background: var(--evx-cream); }
.evx-actions { display: flex; gap: 16px; flex-wrap: wrap; }

.evx-link {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}

/* Images et cadres */
.evx-frame { position: relative; background: var(--evx-white); padding: 14px; box-shadow: var(--evx-shadow); }
.evx-frame::after {
  content: "";
  position: absolute;
  inset: 14px;
  background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);
  background-size: 250% 100%;
  animation: evx-sheen 9s ease-in-out infinite;
  pointer-events: none;
}
.evx-img {
  display: block;
  width: 100%;
  object-fit: contain;
  background: var(--evx-white);
  padding: 6%;
  transition: transform .8s var(--evx-ease);
}
.evx-frame .evx-img { aspect-ratio: 4 / 5; }
.evx-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 4 / 5;
  color: var(--evx-muted);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--evx-sand), var(--evx-mist));
  padding: 18px;
}

/* Cartes « besoin » */
.evx-two { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; margin-top: 54px; }
.evx-card {
  display: block;
  overflow: hidden;
  background: var(--evx-white);
  padding: 14px;
  text-decoration: none !important;
  transition: transform .5s, box-shadow .5s;
}
.evx-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(16, 27, 43, .12); }
.evx-card .evx-img { aspect-ratio: 16 / 10; }
.evx-card:hover .evx-img, .evx-prod:hover .evx-img { transform: scale(1.03); }
.evx-card .evx-h3 { font-size: 32px; margin: 22px 12px 6px; }
.evx-card p { margin: 0 12px 22px; color: var(--evx-muted); }
.evx-card .evx-link { margin: 0 12px 14px; font-size: 11px; }

/* Chiffres clés */
.evx-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 56px; }
.evx-three > div { border-top: 1px solid rgba(16, 27, 43, .25); padding-top: 24px; }
.evx-big { font-family: var(--evx-sans); font-size: 78px; font-weight: 300; line-height: 1; font-variant-numeric: lining-nums; }
.evx-three h3 {
  font-family: var(--evx-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin: 10px 0 8px;
}
.evx-three p { margin: 0; color: #3a4558; }

/* Gamme */
.evx-range { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 54px; }
.evx-prod {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--evx-white);
  padding: 14px;
  transition: transform .5s, box-shadow .5s;
}
.evx-prod:hover { transform: translateY(-6px); box-shadow: 0 26px 54px rgba(16, 27, 43, .12); }
.evx-prod .evx-img { aspect-ratio: 1 / 1; padding: 4%; }
.evx-prod .evx-h3 { margin: 20px 10px 2px; }
.evx-tag { margin: 0 10px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--evx-muted); }
.evx-prod p { flex: 1; margin: 14px 10px 4px; color: #3a4558; font-size: 15px; }
.evx-prod .evx-btn { margin: 12px 10px 8px; }

/* Citation */
.evx-quote { font-family: var(--evx-serif); font-size: clamp(30px, 3.4vw, 46px); line-height: 1.2; font-weight: 300; margin: 12px 0 26px; }
.evx-quote::before { content: "\201C"; display: block; font-size: 90px; line-height: .5; color: var(--evx-cyan); margin-bottom: 10px; }
.evx-sign { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; }

/* Trois voies (pose) */
.evx-ways { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
.evx-ways > div { border: 1px solid rgba(255, 255, 255, .25); padding: 34px 30px; }
.evx-ways p { margin: 0; opacity: .75; }

/* Choix (quiz) */
.evx-box {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 50px;
  align-items: center;
  background: var(--evx-white);
  padding: 56px;
  box-shadow: 0 30px 70px rgba(16, 27, 43, .08);
}
.evx-opts { display: grid; gap: 12px; }
.evx-opt {
  display: block;
  width: 100%;
  text-align: left;
  background: var(--evx-white);
  border: 1px solid var(--evx-line);
  padding: 16px 20px;
  font: inherit;
  font-size: 15px;
  color: var(--evx-ink);
  text-decoration: none !important;
  cursor: pointer;
  transition: border-color .3s, background .3s;
}

/* Panneau blanc (formulaire posé sur une photo) */
.evx-panel { background: var(--evx-white); color: var(--evx-ink); padding: 36px; box-shadow: var(--evx-shadow); }
.evx-opt:hover, .evx-opt[aria-pressed="true"] { border-color: var(--evx-black); background: var(--evx-cream); }

/* Barre de confiance */
.evx-trust { background: var(--evx-white); border-top: 1px solid var(--evx-line); border-bottom: 1px solid var(--evx-line); }
.evx-trust .evx-wrap { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.evx-trust .evx-wrap > div { padding: 26px 16px; font-size: 13px; letter-spacing: .08em; border-right: 1px solid var(--evx-line); }
.evx-trust .evx-wrap > div:last-child { border-right: 0; }
.evx-trust b { display: block; font-family: var(--evx-serif); font-weight: 400; font-size: 22px; letter-spacing: 0; margin-bottom: 2px; }

/* Formulaires Evoxse (module Evoxse Demandes) */
.evx-form { display: grid; gap: 18px; }
.evx-form .evx-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.evx-field label {
  display: block;
  float: none;
  width: auto;
  max-width: none;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 6px;
  padding: 0;
  color: var(--evx-muted);
}
.evx-field label small { font-size: inherit; letter-spacing: inherit; text-transform: none; opacity: .8; }
.evx-field input, .evx-field textarea, .evx-field select {
  width: 100%;
  background: var(--evx-white);
  border: 1px solid var(--evx-line);
  border-radius: 0;
  padding: 13px 14px;
  font: inherit;
  font-size: 15px;
  color: var(--evx-ink);
}
.evx-field input:focus, .evx-field textarea:focus, .evx-field select:focus { border-color: var(--evx-black); outline: 0; }
.evx-field [aria-invalid="true"] { border-color: #a0281e; }
.evx-field--hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.evx-form-info { font-size: 12px; color: var(--evx-muted); margin: 0; }
.evx-form-info a { text-decoration: underline; }
.evx-form-msg { font-size: 14px; margin: 0; }
.evx-form-msg:empty { display: none; }
.evx-form-msg.is-error { color: #a0281e; }
.evx-form-msg.is-ok { color: #1d6b3a; }
.evx-form.is-sending .evx-btn { opacity: .6; pointer-events: none; }

/* ===== 5. Sections de page ===== */
.evx-sec { padding: 110px 0; position: relative; }
.evx-sec--white { background: var(--evx-white); }
.evx-sec--cream { background: var(--evx-cream); }
.evx-sec--sand { background: var(--evx-sand); }
.evx-sec--ink { background: var(--evx-ink); color: var(--evx-white); }
.evx-sec--ink .evx-sub { color: var(--evx-white); opacity: .8; }
.evx-sec--ink .evx-eyebrow { color: rgba(255, 255, 255, .6); }

/* Hero avec reflets d'eau */
.evx-hero { position: relative; overflow: hidden; isolation: isolate; padding: 90px 0 110px; background: var(--evx-cream); }
.evx-water {
  position: absolute;
  inset: -20%;
  z-index: -1;
  opacity: .9;
  background:
    radial-gradient(40% 35% at 25% 30%, rgba(31, 163, 184, .16), transparent 70%),
    radial-gradient(35% 30% at 75% 20%, rgba(255, 255, 255, .8), transparent 70%),
    radial-gradient(45% 40% at 60% 75%, rgba(31, 163, 184, .12), transparent 70%),
    radial-gradient(30% 25% at 15% 80%, rgba(255, 255, 255, .7), transparent 70%);
  animation: evx-drift 22s ease-in-out infinite alternate;
}
.evx-water--b { opacity: .6; animation-duration: 31s; animation-direction: alternate-reverse; }
.evx-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: center; }

/* Sections avec photo de maison en fond : image, voile de lisibilité, léger effet de profondeur */
.evx-photo { position: relative; isolation: isolate; overflow: hidden; }
.evx-photo::before {
  content: "";
  position: absolute;
  inset: -6% 0;
  z-index: -2;
  background: var(--evx-img) center / cover no-repeat;
  transform: translate3d(0, var(--evx-py, 0px), 0) scale(1.06);
  will-change: transform;
}
.evx-photo::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--evx-veil); }
.evx-photo--cuisine { --evx-img: url("../img/maison/cuisine-chaleureuse-clay-banks.jpg"); --evx-veil: linear-gradient(rgba(246, 242, 236, .8), rgba(246, 242, 236, .9)); }
.evx-photo--lumiere { --evx-img: url("../img/maison/cuisine-lumineuse-simona-sergi.jpg"); --evx-veil: rgba(238, 229, 214, .88); }
.evx-photo--verre { --evx-img: url("../img/maison/verre-eau-pranav.jpg"); --evx-veil: linear-gradient(rgba(16, 27, 43, .5), rgba(16, 27, 43, .72)); color: var(--evx-white); }
.evx-photo--verre .evx-sub { color: var(--evx-white); opacity: .88; }
.evx-photo--verre .evx-eyebrow { color: rgba(255, 255, 255, .75); }

/* Deux colonnes (fondateur, contenu + image) */
.evx-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }

/* ===== 6. Animations ===== */
@keyframes evx-drift {
  0% { transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1.05); }
  100% { transform: translate3d(4%, 3%, 0) rotate(6deg) scale(1.12); }
}
@keyframes evx-sheen { 0% { background-position: 150% 0; } 100% { background-position: -50% 0; } }
@keyframes evx-word { to { opacity: 1; transform: none; } }

/* Titre révélé mot à mot (les mots sont découpés par evx.js) */
.evx-js .evx-words .evx-w { display: inline-block; opacity: 0; transform: translateY(.5em); animation: evx-word 1s var(--evx-ease) forwards; }

/* Apparition au défilement */
.evx-js .evx-rv { opacity: 0; transform: translateY(34px); transition: opacity 1.1s var(--evx-ease), transform 1.1s var(--evx-ease); }
.evx-js .evx-rv.is-in { opacity: 1; transform: none; }
.evx-js .evx-d1 { transition-delay: .12s; }
.evx-js .evx-d2 { transition-delay: .24s; }
.evx-js .evx-d3 { transition-delay: .36s; }

/* ===== 7. Responsive et accessibilité ===== */
@media (max-width: 900px) {
  .evx-hero-grid, .evx-split, .evx-box { grid-template-columns: 1fr; }
  .evx-hero { padding: 50px 0 70px; }
  .evx-hero-grid { gap: 40px; }
  .evx-two, .evx-three, .evx-range, .evx-ways, .evx-trust .evx-wrap, .evx-form .evx-row { grid-template-columns: 1fr; }
  .evx-trust .evx-wrap > div { border-right: 0; border-bottom: 1px solid var(--evx-line); }
  .evx-sec { padding: 70px 0; }
  .evx-box { padding: 30px; gap: 30px; }
  .evx-wrap { padding: 0 20px; }
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--evx-black);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .evx-js .evx-words .evx-w, .evx-js .evx-rv { opacity: 1 !important; transform: none !important; }
  .evx-photo::before { transform: none !important; }
}

/* ===== En-tête et pied de page (modèles Creative Elements : widget HTML) ===== */
.evx-hdr { position: sticky; top: 0; z-index: 50; background: rgba(246, 242, 236, .94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom: 1px solid var(--evx-line); font-family: var(--evx-sans); }
.evx-hdr-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 78px; }
.evx-logo { display: block; line-height: 0; }
.evx-logo img { display: block; height: 40px; width: auto; }
.evx-nav { display: flex; align-items: center; gap: 34px; }
.evx-nav a, .evx-nav-btn {
  font: inherit;
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--evx-ink) !important;
  background: none;
  border: 0;
  padding: 6px 0;
  cursor: pointer;
  position: relative;
}
.evx-nav > a::after, .evx-nav-btn::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: var(--evx-ink); transition: width .4s; }
.evx-nav > a:hover::after, .evx-nav-item:hover .evx-nav-btn::after { width: 100%; }
.evx-nav-item { position: relative; }
.evx-sub-menu {
  position: absolute;
  top: 100%;
  left: -20px;
  min-width: 260px;
  padding: 10px 0;
  background: var(--evx-white);
  border: 1px solid var(--evx-line);
  box-shadow: 0 20px 50px rgba(16, 27, 43, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .25s, transform .25s, visibility .25s;
}
.evx-nav-item:hover .evx-sub-menu, .evx-nav-item:focus-within .evx-sub-menu { opacity: 1; visibility: visible; transform: none; }
.evx-sub-menu a { display: block; padding: 12px 22px; letter-spacing: .12em; }
.evx-sub-menu a:hover { background: var(--evx-cream); }
.evx-sub-menu small { display: block; margin-top: 2px; font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--evx-muted); }
.evx-hdr-tools { display: flex; align-items: center; gap: 18px; }
.evx-icon { position: relative; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; color: var(--evx-ink) !important; }
.evx-icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.evx-count { position: absolute; top: 2px; right: 0; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--evx-black); color: var(--evx-white); font-size: 10px; line-height: 17px; text-align: center; }
.evx-count:empty { display: none; }
.evx-hdr .evx-btn { padding: 12px 22px; }
.evx-burger { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; background: none; border: 0; cursor: pointer; color: var(--evx-ink); }
.evx-burger span, .evx-burger span::before, .evx-burger span::after { content: ""; display: block; width: 22px; height: 1.5px; background: currentColor; position: relative; transition: transform .3s, background .3s; }
.evx-burger span::before { position: absolute; top: -7px; }
.evx-burger span::after { position: absolute; top: 7px; }
.evx-hdr.is-open .evx-burger span { background: transparent; }
.evx-hdr.is-open .evx-burger span::before { transform: translateY(7px) rotate(45deg); }
.evx-hdr.is-open .evx-burger span::after { transform: translateY(-7px) rotate(-45deg); }

.evx-ftr { background: var(--evx-ink); color: rgba(255, 255, 255, .7); padding: 70px 0 34px; font-size: 13px; font-family: var(--evx-sans); font-weight: 300; line-height: 1.65; }
.evx-ftr *, .evx-ftr *::before, .evx-ftr *::after { box-sizing: border-box; }
.evx-ftr-cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.evx-ftr h4 { font-family: var(--evx-sans); font-size: 11px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; color: rgba(255, 255, 255, .5); margin: 0 0 14px; }
.evx-ftr a { display: block; margin: 7px 0; color: inherit !important; text-decoration: none !important; }
.evx-ftr a:hover { color: #fff !important; }
.evx-ftr .evx-logo { display: inline-block; margin: 0; }
.evx-ftr .evx-logo img { height: 44px; }
.evx-ftr p { margin: 14px 0 0; max-width: 22em; }
.evx-legal { margin-top: 50px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .15); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.evx-legal a { display: inline-block; margin: 4px 0 4px 22px; }

@media (max-width: 900px) {
  .evx-hdr-in { height: 68px; }
  .evx-burger { display: inline-flex; }
  .evx-hdr .evx-hdr-tools > .evx-btn { display: none; }
  .evx-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 20px 22px;
    background: var(--evx-cream);
    border-bottom: 1px solid var(--evx-line);
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .25s, transform .25s, visibility .25s;
  }
  .evx-hdr.is-open .evx-nav { opacity: 1; visibility: visible; transform: none; }
  .evx-nav > a, .evx-nav-btn { display: block; width: 100%; text-align: left; padding: 16px 0; border-bottom: 1px solid var(--evx-line); font-size: 12px; }
  .evx-nav > a::after, .evx-nav-btn::after { display: none; }
  .evx-sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: transparent; padding: 0 0 6px 14px; min-width: 0; }
  .evx-sub-menu a { padding: 11px 0; border-bottom: 0; }
  .evx-nav .evx-btn { display: block; margin-top: 16px; }
  .evx-ftr-cols { grid-template-columns: 1fr 1fr; }
  .evx-legal a { margin-left: 0; margin-right: 18px; }
}
@media (min-width: 901px) { .evx-nav .evx-nav-cta { display: none; } }
@media (max-width: 520px) { .evx-ftr-cols { grid-template-columns: 1fr; } }
.evx-nav > a.evx-btn, .evx-nav > a.evx-nav-cta {
  background: var(--evx-black);
  color: var(--evx-white) !important;
  border: 1px solid var(--evx-black);
  text-align: center;
  font-size: 12px;
  letter-spacing: .16em;
  padding: 15px 30px;
}
.evx-nav > a.evx-btn::after { display: none; }