/* EVELLMAX V4.2 / premium retail + pro design layer
   Inspired by the navigation, modular product photography and editorial rhythm
   in the screenshots supplied by client. Original styling, not REUTER assets.
   Scoped to staging's existing html.evx-v4-active; preserves OpenCart behavior.
*/
html.evx-v4-active {
  --evx42-ink:#0e0e0f;
  --evx42-soft:#f6f6f4;
  --evx42-rule:#e4e4e1;
  --evx42-accent:#b99065;
  --evx42-max:1510px;
}
html.evx-v4-active body,
html.evx-v4-active .site-wrapper { background:#fff; color:#131416; }
html.evx-v4-active .site-wrapper > header {
  background:var(--evx42-ink) !important;
  border:0 !important; box-shadow:none !important;
  position:relative; z-index:90;
}
html.evx-v4-active .site-wrapper > header .header,
html.evx-v4-active .site-wrapper > header .top-bar,
html.evx-v4-active .site-wrapper > header .mid-bar,
html.evx-v4-active .site-wrapper > header .navbar-nav,
html.evx-v4-active .site-wrapper > header .header-compact {
  background:var(--evx42-ink) !important;
  border-color:rgba(255,255,255,.15) !important;
}
/* Keep utility row until language selection is moved into main header in Journal. */
html.evx-v4-active .site-wrapper > header .top-bar { min-height:27px; }
html.evx-v4-active .site-wrapper > header .mid-bar { min-height:76px; }
html.evx-v4-active .site-wrapper > header #logo img { max-width:190px; max-height:54px; }
html.evx-v4-active .site-wrapper > header .mid-bar .desktop-main-menu-wrapper .j-menu > li > a,
html.evx-v4-active .site-wrapper > header .mid-bar .desktop-main-menu-wrapper .j-menu > li > a span {
  color:#fff !important; font-size:12px; font-weight:720; letter-spacing:.045em;
  text-transform:uppercase; white-space:nowrap;
}
html.evx-v4-active .site-wrapper > header .mid-bar .desktop-main-menu-wrapper .j-menu > li > a {
  padding:14px clamp(8px,.9vw,17px) !important;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .j-menu > li > a:hover,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .j-menu > li.active > a { color:#ebd2b8 !important; }
html.evx-v4-active .site-wrapper > header .mid-bar :is(.header-cart-group,.desktop-cart-wrapper,.desktop-search-wrapper) {
  color:#fff;
}
/* Don't invert dropdowns/mega menu. Preserve Journal's clickable hover logic. */
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu {
  background:#fff !important; color:#1a1a1a !important; border:1px solid #e5e5e2;
  box-shadow:0 22px 46px rgba(0,0,0,.13); border-radius:0;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a {
  color:#222 !important;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a:hover {
  color:#856040 !important;
}
/* Quiet content rhythm, broad photo-led blocks and clean large-grid cards. */
html.evx-v4-active .site-wrapper .container { width:min(var(--evx42-max),calc(100% - 68px)); max-width:var(--evx42-max); }
html.evx-v4-active body.common-home .site-wrapper .module-title,
html.evx-v4-active .site-wrapper .page-title { color:#111; letter-spacing:-.035em; }
html.evx-v4-active body.common-home .site-wrapper .module-title { font-size:clamp(29px,3vw,44px); }
html.evx-v4-active body.common-home .site-wrapper .module-banners :is(.banner,.banner-item),
html.evx-v4-active .site-wrapper :is(.main-products,.module-products) .product-layout > .product-thumb,
html.evx-v4-active .site-wrapper .refine-categories .refine-item a {
  border-radius:0; box-shadow:none; border-color:#e5e5e5;
}
html.evx-v4-active .site-wrapper :is(.main-products,.module-products) .product-layout > .product-thumb:hover {
  transform:translateY(-2px); box-shadow:0 12px 26px rgba(0,0,0,.07);
}
html.evx-v4-active .site-wrapper .product-thumb .caption { padding:18px; }
html.evx-v4-active .site-wrapper .product-thumb .name a { color:#111; font-weight:680; }
html.evx-v4-active .site-wrapper .product-thumb .price { color:#111; }
html.evx-v4-active .site-wrapper :is(.btn-primary,.btn-cart,#button-cart,.btn-checkout) {
  background:#111 !important; border-color:#111 !important; color:#fff !important; border-radius:4px;
}
html.evx-v4-active .site-wrapper :is(.btn-primary,.btn-cart,#button-cart,.btn-checkout):hover {
  background:#333 !important; border-color:#333 !important;
}
html.evx-v4-active .site-wrapper .category-description,
html.evx-v4-active .site-wrapper .products-filter { background:var(--evx42-soft); border-radius:0; }
html.evx-v4-active .site-wrapper > footer { background:#0e0e0f !important; color:#eee; }
/* Original Journal homepage modules are left in place until reordering in admin. */
@media (max-width:1200px) {
  html.evx-v4-active .site-wrapper > header .mid-bar .desktop-main-menu-wrapper .j-menu > li > a,
  html.evx-v4-active .site-wrapper > header .mid-bar .desktop-main-menu-wrapper .j-menu > li > a span {
    font-size:11px; letter-spacing:0;
  }
}
@media (max-width:1024px) {
  html.evx-v4-active .site-wrapper .container { width:calc(100% - 36px); }
  html.evx-v4-active .site-wrapper > header .mid-bar { min-height:62px; }
  html.evx-v4-active .site-wrapper > header .mobile-bar,
  html.evx-v4-active .site-wrapper > header .mobile-header,
  html.evx-v4-active .site-wrapper > header .mobile-bar .navbar-nav { background:#0e0e0f !important; }
}
@media (max-width:680px) {
  html.evx-v4-active .site-wrapper .container { width:calc(100% - 28px); }
  html.evx-v4-active .site-wrapper > header .top-bar { min-height:0; }
}
/* Opt-in Journal HTML block (not injected into homepage automatically). */
.evx42-home {font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#111;}
.evx42-home * {box-sizing:border-box;}
.evx42-home .evx42-wrap {width:min(1510px,calc(100% - 64px));margin-inline:auto;}
.evx42-home .evx42-hero {min-height:min(710px,74vw);background:#292c2d;position:relative;isolation:isolate;display:flex;align-items:center;color:#fff;overflow:hidden;}
.evx42-home .evx42-hero::before {content:"";position:absolute;inset:0;background:url('../image/evx42-hero.webp') center center/cover no-repeat;z-index:-2;}
.evx42-home .evx42-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.25) 53%,rgba(0,0,0,0) 90%);z-index:-1;}
.evx42-home .evx42-hero-inner {padding-block:clamp(90px,10vw,180px);}
.evx42-home .evx42-kicker {font-size:12px;letter-spacing:.20em;font-weight:760;text-transform:uppercase;margin:0 0 25px;}
.evx42-home h1 {font-size:clamp(44px,5.6vw,93px);font-weight:730;letter-spacing:-.05em;line-height:1.02;margin:0 0 25px;max-width:850px;color:#fff;}
.evx42-home .evx42-hero p.evx42-copy {font-size:clamp(16px,1.45vw,21px);line-height:1.55;max-width:570px;color:#f6f6f6;margin-bottom:31px;}
.evx42-home .evx42-buttons {display:flex;gap:12px;flex-wrap:wrap;}
.evx42-home .evx42-btn {display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;background:#fff;color:#111;text-decoration:none!important;font-size:13px;letter-spacing:.055em;text-transform:uppercase;font-weight:760;border:1px solid #fff;}
.evx42-home .evx42-btn.alt {background:transparent;color:#fff;}
.evx42-home .evx42-section {padding-block:clamp(55px,7vw,110px);}
.evx42-home .evx42-section.alt {background:#111;color:#fff;}
.evx42-home .evx42-section h2 {font-size:clamp(30px,3.5vw,55px);line-height:1.08;letter-spacing:-.035em;margin:0 0 30px;color:inherit;}
.evx42-home .evx42-lead {display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px;}
.evx42-home .evx42-lead p {max-width:480px;color:#5c5c5c;font-size:16px;line-height:1.55;}
.evx42-home .evx42-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.evx42-home .evx42-card {display:flex;flex-direction:column;color:#151515!important;text-decoration:none!important;border:1px solid #dfdfdf;background:#fff;min-width:0;}
.evx42-home .evx42-photo {aspect-ratio:1/1;display:grid;place-items:center;background:#ededeb;overflow:hidden;}
.evx42-home .evx42-photo img {width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.evx42-home .evx42-card:hover img {transform:scale(1.035);}
.evx42-home .evx42-card strong {padding:16px;font-size:clamp(13px,1.05vw,17px);line-height:1.35;}
.evx42-home .evx42-trust {display:grid;grid-template-columns:repeat(3,1fr);background:#121212;color:#fff;}
.evx42-home .evx42-trust > div {display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 15px;border-right:1px solid #4b4b4b;font-size:14px;font-weight:700;}
.evx42-home .evx42-trust > div:last-child {border-right:0;}
.evx42-home .evx42-editorial {display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(25px,5vw,80px);align-items:center;}
.evx42-home .evx42-editorial img {width:100%;height:clamp(300px,42vw,590px);object-fit:cover;}
.evx42-home .evx42-editorial p {color:#c6c6c6;line-height:1.7;max-width:480px;font-size:16px;}
.evx42-home .evx42-pro {padding:clamp(70px,7vw,115px) 0;background:#e9e7e2;}
.evx42-home .evx42-pro .evx42-lead {align-items:center;margin:0;}
.evx42-home .evx42-pro .evx42-lead p {color:#333;}
.evx42-home .evx42-pro .evx42-btn {background:#111;color:#fff;border-color:#111;}
@media(max-width:1050px){.evx42-home .evx42-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.evx42-home .evx42-lead{display:block;}}
@media(max-width:680px){.evx42-home .evx42-wrap{width:calc(100% - 32px);}.evx42-home .evx42-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.evx42-home .evx42-hero{min-height:550px;}.evx42-home .evx42-editorial{grid-template-columns:1fr;}.evx42-home .evx42-trust{grid-template-columns:1fr;}.evx42-home .evx42-trust>div{justify-content:flex-start;border:0;border-bottom:1px solid #555;padding-left:24px;}.evx42-home .evx42-card strong{padding:11px;}}
@media(prefers-reduced-motion:reduce){.evx42-home *{animation:none!important;transition:none!important;}}

.evx42-home .evx42-photo--tech{padding:20px;background:linear-gradient(135deg,#eae9e5,#d1d3d1);color:#454545;font-size:clamp(14px,2vw,28px);font-weight:720;letter-spacing:-.025em;text-align:center}
.evx42-home .evx42-photo--tech span{display:block;max-width:160px}
.evx42-home .evx42-editorial .evx42-btn.alt{margin-top:18px}
.evx42-home .evx42-pro .evx42-pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}