/* EVELLMAX V4.5 consolidated storefront CSS – safe legacy compatibility + new visual repair */

/* ---- COMPATIBILITY SOURCE: evellmax-v4-sitewide.css ---- */
/*
 EVELLMAX V4 / Site-wide staging design foundation (OpenCart 3 + Journal 3)
 Version 2026-09-30. Scoped to html.evx-v4-active; no logic, order, stock, ERP,
 customer pricing or payment changes. Tested syntactically, NOT browser-approved.
*/
html.evx-v4-active {
  --evx4-navy: #182a3a;
  --evx4-blue: #0a4786;
  --evx4-blue-dark: #07355f;
  --evx4-stone: #f7f6f3;
  --evx4-soft: #eef2f5;
  --evx4-white: #fff;
  --evx4-line: #e0e5e8;
  --evx4-muted: #566576;
  --evx4-max: 1420px;
  --evx4-radius: 14px;
  --evx4-shadow: 0 14px 45px rgba(17, 38, 53, .09);
  scroll-behavior: smooth;
}
html.evx-v4-active body,
html.evx-v4-active .site-wrapper {
  background: var(--evx4-white);
  color: var(--evx4-navy);
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
html.evx-v4-active .site-wrapper *,
html.evx-v4-active .mobile-container * { min-width: 0; }
html.evx-v4-active .site-wrapper img { max-width: 100%; }
html.evx-v4-active :is(a, button, select, input, textarea):focus-visible {
  outline: 3px solid #79b8ea !important;
  outline-offset: 3px;
}
html.evx-v4-active :is(.title, .name, .page-title, .module-title, .banner-text, .refine-name) {
  overflow-wrap: anywhere;
  hyphens: auto;
}
html.evx-v4-active .site-wrapper .container {
  width: min(var(--evx4-max), calc(100% - 64px));
  max-width: var(--evx4-max);
  padding-inline: 0;
}
html.evx-v4-active .site-wrapper a { transition: color .18s ease; }
/* Global header, navigation and search: retain original Journal interactions. */
html.evx-v4-active .site-wrapper > header {
  background: #fff;
  box-shadow: 0 6px 30px rgba(18, 40, 58, .08);
  border-bottom: 1px solid var(--evx4-line);
}
html.evx-v4-active .site-wrapper > header .top-bar { min-height: 32px; }
html.evx-v4-active .site-wrapper > header .mid-bar { min-height: 82px; }
html.evx-v4-active .site-wrapper > header #logo img {
  width: auto;
  max-width: 210px;
  max-height: 59px;
  object-fit: contain;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .j-menu > li > a {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
  padding-inline: clamp(9px, 1.2vw, 21px) !important;
  white-space: nowrap;
  overflow-wrap: normal;
}
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 > a:focus-visible { color: var(--evx4-blue) !important; }
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu {
  background: #fff;
  border: 1px solid var(--evx4-line);
  box-shadow: 0 24px 52px rgba(15, 33, 51, .13);
  border-radius: 0 0 var(--evx4-radius) var(--evx4-radius);
}
html.evx-v4-active .site-wrapper > header :is(input[type='search'], input[name='search']) {
  border-radius: 10px;
  background: var(--evx4-stone);
  border-color: var(--evx4-line);
}
/* Global rhythm, page headings, breadcrumbs and shared controls. */
html.evx-v4-active .site-wrapper .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  padding-block: 17px;
  font-size: 12px;
  letter-spacing: .015em;
}
html.evx-v4-active .site-wrapper .page-title,
html.evx-v4-active .site-wrapper .module-title {
  color: var(--evx4-navy);
  letter-spacing: -.036em;
  line-height: 1.18;
  font-weight: 680;
}
html.evx-v4-active .site-wrapper .page-title { font-size: clamp(29px, 3vw, 46px); }
html.evx-v4-active .site-wrapper .module-title { font-size: clamp(24px, 2.4vw, 36px); }
html.evx-v4-active .site-wrapper :is(.btn-primary, .btn-cart, #button-cart, .btn-checkout) {
  border-radius: 8px;
  font-weight: 700;
  min-height: 46px;
  transition: transform .15s ease, background-color .15s ease;
}
html.evx-v4-active .site-wrapper .btn-primary { background: var(--evx4-blue); border-color: var(--evx4-blue); }
html.evx-v4-active .site-wrapper .btn-primary:hover { background: var(--evx4-blue-dark); border-color: var(--evx4-blue-dark); }
html.evx-v4-active .site-wrapper :is(.form-control, select, textarea) {
  border-radius: 8px;
  max-width: 100%;
  border-color: #d9e0e7;
}
/* Homepage: existing Journal modules remain LIVE; V4 only changes their presentation. */
html.evx-v4-active body.common-home .site-wrapper .module-title { margin-block: 12px 24px; }
html.evx-v4-active body.common-home .site-wrapper :is(.module-banners, .module-products, .module-manufacturers, .module-categories) {
  margin-block: clamp(24px, 3vw, 58px);
}
html.evx-v4-active body.common-home .site-wrapper .module-banners :is(.banner, .banner-item) {
  position: relative;
  overflow: hidden;
  border-radius: var(--evx4-radius);
}
html.evx-v4-active body.common-home .site-wrapper .module-banners :is(.banner, .banner-item) img {
  width: 100%;
  height: auto;
  transition: transform .6s ease;
}
html.evx-v4-active body.common-home .site-wrapper .module-banners :is(.banner, .banner-item):hover img { transform: scale(1.027); }
/* Categories and technical product listings. */
html.evx-v4-active .site-wrapper .category-description {
  border: 1px solid var(--evx4-line);
  background: var(--evx4-stone);
  border-radius: var(--evx4-radius);
  padding: clamp(20px, 3vw, 42px);
  margin-bottom: 34px;
}
html.evx-v4-active .site-wrapper .category-description .category-image {
  max-height: 360px;
  width: auto;
  object-fit: contain;
  border-radius: 10px;
}
html.evx-v4-active .site-wrapper .refine-categories { margin-block: 24px 34px; }
html.evx-v4-active .site-wrapper .refine-categories .refine-item a {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
  padding: 15px;
  background: #fff;
  border: 1px solid var(--evx4-line);
  border-radius: 12px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html.evx-v4-active .site-wrapper .refine-categories .refine-item a:hover {
  border-color: #a5bdd4;
  box-shadow: var(--evx4-shadow);
}
html.evx-v4-active .site-wrapper .refine-categories .refine-item img { max-height: 190px; width: 100%; object-fit: contain; }
html.evx-v4-active .site-wrapper .refine-name { color: var(--evx4-navy); font-weight: 700; line-height: 1.4; }
html.evx-v4-active .site-wrapper .products-filter {
  background: var(--evx4-stone);
  border: 1px solid var(--evx4-line);
  border-radius: 11px;
  padding: 13px 18px;
  margin-block: 18px 24px;
}
html.evx-v4-active .site-wrapper .products-filter .select-group { flex-wrap: wrap; }
html.evx-v4-active .site-wrapper :is(.main-products, .module-products) .product-layout { display: flex; }
html.evx-v4-active .site-wrapper :is(.main-products, .module-products) .product-layout > .product-thumb {
  width: 100%;
  border: 1px solid var(--evx4-line);
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(24, 45, 65, .025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html.evx-v4-active .site-wrapper :is(.main-products, .module-products) .product-layout > .product-thumb:hover {
  border-color: #b9c9d9;
  box-shadow: var(--evx4-shadow);
  transform: translateY(-2px);
}
html.evx-v4-active .site-wrapper .product-thumb .image { background: #fff; }
html.evx-v4-active .site-wrapper .product-thumb .image img { object-fit: contain; max-width: 100%; }
html.evx-v4-active .site-wrapper .product-thumb .caption { padding: 15px; }
html.evx-v4-active .site-wrapper .product-thumb .name a { font-weight: 660; color: var(--evx4-navy); line-height: 1.45; }
html.evx-v4-active .site-wrapper .product-thumb .name a:hover { color: var(--evx4-blue); }
html.evx-v4-active .site-wrapper .product-thumb .price { font-weight: 750; color: var(--evx4-navy); }
html.evx-v4-active .site-wrapper .pagination-results { padding-block: 22px; }
/* Product detail: preserve image slider, option controls, stock and add-to-cart JS. */
html.evx-v4-active #product-product .product-left .product-image {
  border: 1px solid var(--evx4-line);
  border-radius: var(--evx4-radius);
  background: #fff;
  overflow: hidden;
}
html.evx-v4-active #product-product .product-image .swiper-slide img {
  width: 100%; height: auto; object-fit: contain;
}
html.evx-v4-active #product-product .product-right {
  padding-inline: clamp(0px, 2vw, 32px);
}
html.evx-v4-active #product-product .product-right .page-title { font-size: clamp(29px, 2.8vw, 44px); }
html.evx-v4-active #product-product :is(.product-stats, .product-price, .product-options) { margin-block: 15px; }
html.evx-v4-active #product-product :is(.product-options select, .product-options input) { max-width: 100%; }
html.evx-v4-active #product-product .product-blocks { overflow-wrap: anywhere; }
/* Search including empty-result treatment. Does not assert SKU search exists. */
html.evx-v4-active #product-search .search-form {
  background: var(--evx4-stone);
  border: 1px solid var(--evx4-line);
  border-radius: var(--evx4-radius);
  padding: clamp(17px, 2.6vw, 32px);
}
html.evx-v4-active #product-search #input-search { min-height: 50px; }
/* Cart, Journal quick checkout / native checkout: UI only; no script overrides. */
html.evx-v4-active #checkout-cart .cart-table,
html.evx-v4-active #checkout-cart .table-responsive,
html.evx-v4-active #checkout-checkout .panel-default,
html.evx-v4-active .quick-checkout-wrapper .section-body,
html.evx-v4-active #journal3-checkout .section-body {
  border: 1px solid var(--evx4-line);
  border-radius: 12px;
  background: #fff;
}
html.evx-v4-active #checkout-cart .table > thead > tr > th {
  background: var(--evx4-stone);
  color: var(--evx4-navy);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .055em;
}
html.evx-v4-active #checkout-cart .table td,
html.evx-v4-active #checkout-cart .table th { padding: 14px; vertical-align: middle; }
html.evx-v4-active #checkout-checkout .panel-heading {
  background: var(--evx4-stone);
  border-radius: 11px 11px 0 0;
  padding: 16px 20px;
}
html.evx-v4-active #checkout-checkout .panel-body { padding: clamp(15px, 2vw, 28px); }
html.evx-v4-active :is(#checkout-cart, #checkout-checkout, #journal3-checkout) :is(.form-control, select) { min-height: 43px; }
/* Account, login, information and contact templates. */
html.evx-v4-active #account-account :is(.my-account, .my-orders, .my-cards, .my-affiliates, .my-newsletter),
html.evx-v4-active #account-login .well,
html.evx-v4-active #information-contact .our-location,
html.evx-v4-active #information-information #content > .content {
  background: #fff;
  border: 1px solid var(--evx4-line);
  border-radius: 12px;
  padding: clamp(18px, 2vw, 29px);
  margin-bottom: 22px;
  box-shadow: 0 6px 18px rgba(23, 40, 55, .035);
}
html.evx-v4-active #account-account .account-list li { padding-block: 8px; }
html.evx-v4-active #information-contact textarea { min-height: 145px; }
/* Global footer / legal, same across all OpenCart routes. */
html.evx-v4-active .site-wrapper > footer {
  background: var(--evx4-navy);
  color: #edf2f5;
  padding-top: 28px;
}
html.evx-v4-active .site-wrapper > footer :is(h2, h3, h4, .title) { color: #fff; }
html.evx-v4-active .site-wrapper > footer a { color: #d5e1eb; }
html.evx-v4-active .site-wrapper > footer a:hover { color: #fff; }
/* Mobile: don't interfere with native menu overlays, product swiper or payment frames. */
@media (max-width: 1024px) {
  html.evx-v4-active .site-wrapper .container { width: calc(100% - 38px); }
  html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .j-menu > li > a { padding-inline: 8px !important; }
  html.evx-v4-active #product-product .product-right { padding-inline: 0; }
}
@media (max-width: 767px) {
  html.evx-v4-active .site-wrapper .container { width: calc(100% - 28px); }
  html.evx-v4-active .site-wrapper .breadcrumb { padding-block: 11px; }
  html.evx-v4-active .site-wrapper .page-title { font-size: clamp(25px, 6.2vw, 33px); }
  html.evx-v4-active .site-wrapper .module-title { font-size: clamp(24px, 5.6vw, 30px); }
  html.evx-v4-active .site-wrapper .category-description { padding: 17px; }
  html.evx-v4-active .site-wrapper .product-thumb .caption { padding: 11px; }
  html.evx-v4-active .site-wrapper .products-filter { padding: 11px; }
  html.evx-v4-active .site-wrapper #checkout-cart .table-responsive { overflow-x: auto; }
  html.evx-v4-active .mobile-container :is(.j-menu a, .j-menu span) { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  html.evx-v4-active,
  html.evx-v4-active .site-wrapper *,
  html.evx-v4-active .site-wrapper *::before,
  html.evx-v4-active .site-wrapper *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ---- COMPATIBILITY SOURCE: evellmax-v42.css ---- */
/* 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}

/* ---- COMPATIBILITY SOURCE: evellmax-v44-rescue.css ---- */
/* EVELLMAX V4.4 — scoped, reversible visual hotfix for staging.
   Targets regressions documented in screenshots taken after V4.3.
   Does not move OpenCart fields or change checkout scripts/stock/order logic. */
html.evx-v4-active {
  --evx44-ink: #151515;
  --evx44-offwhite: #f6f6f4;
  --evx44-line: #e5e5e2;
}
/* Keep the nav readable — previous V4.2 styles made some submenu links white-on-white. */
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,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-inner {
  background-color: #fff !important;
  border-color: #e9e9e6 !important;
  color: #191919 !important;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a span,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu li,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu a,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu a span,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu li,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-inner a,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-inner a span {
  color: #191919 !important;
  text-shadow: none !important;
}
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a:hover,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .dropdown-menu a:hover span,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu a:hover,
html.evx-v4-active .site-wrapper > header .desktop-main-menu-wrapper .mega-menu a:hover span {
  color: #565656 !important;
}
/* The V4.3 content inherited black parent background, while its heading was black.
   Give the department area a true white section, with legible editorial typography. */
html.evx-v4-active body.common-home .evx42-home,
html.evx-v4-active .evx42-home { background: #fff !important; color: #151515; }
html.evx-v4-active .evx42-home .evx42-section:not(.alt) {
  background: #fff !important;
  color: #161616 !important;
}
html.evx-v4-active .evx42-home .evx42-section:not(.alt) h2,
html.evx-v4-active .evx42-home .evx42-section:not(.alt) .evx42-lead h2,
html.evx-v4-active .evx42-home .evx42-section:not(.alt) .evx42-kicker {
  color: #181818 !important;
  opacity: 1 !important;
}
html.evx-v4-active .evx42-home .evx42-section:not(.alt) p,
html.evx-v4-active .evx42-home .evx42-section:not(.alt) .evx42-lead p {
  color: #555 !important;
  opacity: 1 !important;
}
html.evx-v4-active .evx42-home .evx42-section.alt { background: #171717 !important; color: #fff !important; }
html.evx-v4-active .evx42-home .evx42-section.alt h2,
html.evx-v4-active .evx42-home .evx42-section.alt .evx42-kicker { color: #fff !important; }
html.evx-v4-active .evx42-home .evx42-section.alt p { color: #e2e2e2 !important; }
html.evx-v4-active .evx42-home .evx42-pro { background: #f5f4f1 !important; color: #1a1a1a !important; }
html.evx-v4-active .evx42-home .evx42-pro .evx42-lead > div { width: 100%; max-width: 820px; }
html.evx-v4-active .evx42-home .evx42-pro .evx42-kicker,
html.evx-v4-active .evx42-home .evx42-pro h2 { color: #151515 !important; }
html.evx-v4-active .evx42-home .evx42-pro p { color: #4b4b4b !important; }
html.evx-v4-active .evx42-home .evx42-card { min-width: 0; }
html.evx-v4-active .evx42-home .evx42-card strong { color: #151515 !important; }
/* Transparent header/page typography: remove legacy bright-green title stripe. */
html.evx-v4-active .site-wrapper .page-title::after,
html.evx-v4-active .site-wrapper .module-title::after {
  background-color: #181818 !important;
  border-color: #181818 !important;
}
/* Cart screenshot: checkout was squeezed into a narrow right rail. Respect native anchors and JS. */
html.evx-v4-active #checkout-cart .cart-page { min-width: 0; }
html.evx-v4-active #checkout-cart .cart-bottom { min-width: 0; }
html.evx-v4-active #checkout-cart .cart-bottom .buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px 0 0 !important;
  clear: both;
}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-left,
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-right {
  float: none !important;
  position: static !important;
  flex: 1 1 150px;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > div > a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 47px;
  width: 100% !important;
  max-width: 100%;
  padding: 12px 16px !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.25 !important;
  text-align: center;
  font-size: 13px;
}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > div > a.btn span {
  white-space: normal !important;
  color: inherit !important;
}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-left > a.btn {
  background: #fff !important;
  border: 1px solid #1c1c1c !important;
  color: #1c1c1c !important;
}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-right > a.btn {
  background: #1c1c1c !important;
  border: 1px solid #1c1c1c !important;
  color: #fff !important;
}
/* Category cards need clean whitespace, not the cramped demo look. */
html.evx-v4-active #product-category .product-thumb .image img,
html.evx-v4-active #product-search .product-thumb .image img {
  max-width: 100%; object-fit: contain;
}
html.evx-v4-active :is(#product-category,#product-search) .product-thumb .caption {
  padding: 18px !important;
  text-align: left;
}
html.evx-v4-active .product-thumb .name a { overflow-wrap: break-word; }
@media (max-width: 1050px) {
  html.evx-v4-active .evx42-home .evx42-lead { display: block !important; }
  html.evx-v4-active .evx42-home .evx42-lead p { margin-top: 12px; }
}
@media (max-width: 650px) {
  html.evx-v4-active #checkout-cart .cart-bottom .buttons { flex-direction: column; }
  html.evx-v4-active #checkout-cart .cart-bottom .buttons > div { flex-basis: auto; width: 100% !important; }
  html.evx-v4-active .evx42-home .evx42-hero-inner { padding-block: 74px !important; }
}

/* ---- V4.5 focused fixes and redesigned homepage ---- */
/* Evellmax V4.5 / staging. Focused visual repair + clean V4.5 editorial components.
   Existing Journal storefront and JS remain authoritative for commerce. */
html.evx-v4-active { --evx45-black:#141414; --evx45-paper:#fff; --evx45-line:#e7e7e7; }
html.evx-v4-active body { overflow-x:clip; }
/* Compact header sizing: protect logo from compression, keep dropdown unclipped. */
@media(min-width:1025px){
 html.evx-v4-active header .header-compact .mid-bar {display:flex!important; align-items:center!important; min-height:78px; padding-inline:clamp(17px,2.2vw,48px)!important; gap:clamp(12px,1.6vw,26px); overflow:visible!important;}
 html.evx-v4-active header .header-compact .desktop-logo-wrapper {flex:0 0 clamp(118px,10vw,176px)!important; width:auto!important; min-width:118px!important; max-width:176px;}
 html.evx-v4-active header .header-compact .desktop-main-menu-wrapper {flex:1 1 auto!important; width:auto!important; min-width:0; overflow:visible!important; display:flex; justify-content:center;}
 html.evx-v4-active header .header-compact .header-cart-group {flex:0 0 auto!important; width:auto!important; display:flex; align-items:center; gap:clamp(8px,1vw,16px);}
 html.evx-v4-active header #logo img {display:block;max-width:100%!important;width:auto!important;max-height:48px!important;object-fit:contain;}
 html.evx-v4-active header .header-compact .desktop-main-menu-wrapper .j-menu > li > a {font-size:clamp(10px,.74vw,13px)!important;padding:12px clamp(6px,.62vw,13px)!important;letter-spacing:.015em!important;}
}
/* The Journal module renders nested .j-menu inside .j-dropdown. V4.4 missed the child-span text selector. */
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown,
html.evx-v4-active header .desktop-main-menu-wrapper .dropdown-menu,
html.evx-v4-active header .desktop-main-menu-wrapper .mega-menu-content {background:#fff!important;color:#171717!important;border-color:#e4e4e4!important;}
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu,
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li,
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li > a,
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li > a > span,
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li > a .links-text,
html.evx-v4-active header .desktop-main-menu-wrapper .mega-menu-content :is(a,span,li) {
 color:#171717!important;-webkit-text-fill-color:#171717!important;text-shadow:none!important;
}
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li:hover > a,
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li > a:hover {background:#f3f3f1!important;color:#151515!important;}
html.evx-v4-active header .desktop-main-menu-wrapper .j-dropdown .j-menu > li > a {min-height:40px;display:flex;align-items:center;padding:9px 15px!important;white-space:normal!important;line-height:1.3!important;}
/* Native cart page. Prevent clipped / unreadable action buttons shown in screenshot. */
html.evx-v4-active #checkout-cart .cart-page {width:100%;min-width:0;}
html.evx-v4-active #checkout-cart .cart-page .cart-bottom {max-width:100%;min-width:0;}
html.evx-v4-active #checkout-cart .cart-bottom .buttons {clear:both!important;display:grid!important;grid-template-columns:repeat(2,minmax(150px,1fr));align-items:stretch;gap:12px!important;width:100%!important;max-width:100%!important;float:none!important;overflow:visible!important;}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-left,
html.evx-v4-active #checkout-cart .cart-bottom .buttons > .pull-right {float:none!important;position:static!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;flex:none!important;}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > div > a.btn {display:flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;min-height:50px!important;min-width:0!important;width:100%!important;padding:11px 13px!important;font-size:13px!important;font-weight:730!important;line-height:1.3!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:normal!important;text-align:center;}
html.evx-v4-active #checkout-cart .cart-bottom .buttons > div > a.btn span {white-space:normal!important;display:inline!important;}
@media(max-width:580px){html.evx-v4-active #checkout-cart .cart-bottom .buttons{grid-template-columns:minmax(0,1fr);}}
/* Side-cart: JS moves the existing Journal #cart-content node here. No duplicate cart or business logic. */
#evx45-cart-backdrop[hidden],#evx45-cart-drawer[hidden] {display:none!important;}
#evx45-cart-backdrop {position:fixed;inset:0;z-index:10002;background:rgba(0,0,0,.50);}
#evx45-cart-drawer {position:fixed;inset:0 0 0 auto;z-index:10003;background:#fff;color:#171717;width:min(470px,100vw);height:100vh;height:100dvh;box-shadow:-24px 0 66px rgba(0,0,0,.23);display:flex;flex-direction:column;font:14px/1.48 Inter,system-ui,sans-serif;}
#evx45-cart-drawer * {box-sizing:border-box;}
#evx45-cart-drawer .evx45-drawer-head{display:flex;align-items:center;justify-content:space-between;background:#151515;color:#fff;padding:22px 25px;min-height:75px;}
#evx45-cart-drawer .evx45-drawer-head strong{color:#fff;font-size:19px;font-weight:750;}
#evx45-cart-close{appearance:none;border:1px solid #666;background:transparent;color:#fff;width:39px;height:39px;font-size:27px;line-height:1;cursor:pointer;}
#evx45-cart-drawer .evx45-drawer-body{min-height:0;overflow:hidden;flex:1;overscroll-behavior:contain;}
#evx45-cart-drawer #cart-content {display:block!important;position:static!important;transform:none!important;transition:none!important;visibility:visible!important;opacity:1!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;height:100%!important;border:0!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;padding:0!important;overflow:visible!important;}
#evx45-cart-drawer #cart-content::before{display:none!important;}
#evx45-cart-drawer #cart-content > ul{display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%;min-height:100%;}
#evx45-cart-drawer #cart-content .cart-products {overflow-y:auto!important;overflow-x:auto!important;flex:1 1 auto!important;min-height:0;max-height:none!important;}
#evx45-cart-drawer #cart-content .cart-products table {width:100%;table-layout:fixed;}
#evx45-cart-drawer #cart-content .cart-products td {vertical-align:middle!important;padding:12px 5px!important;}
#evx45-cart-drawer #cart-content .cart-products .td-image{width:71px!important;min-width:60px!important;padding-left:18px!important;}
#evx45-cart-drawer #cart-content .cart-products .td-image img{max-width:65px;height:auto;}
#evx45-cart-drawer #cart-content .cart-products .td-name{width:auto!important;overflow-wrap:break-word;color:#151515!important;}
#evx45-cart-drawer #cart-content .cart-products .td-qty {width:33px!important;white-space:nowrap;}
#evx45-cart-drawer #cart-content .cart-products .td-total {width:89px!important;white-space:normal!important;}
#evx45-cart-drawer #cart-content .cart-products .td-remove{width:27px!important;padding-right:13px!important;}
#evx45-cart-drawer #cart-content .cart-totals{border-top:1px solid #e7e7e7;background:#fafafa!important;margin-top:auto;flex:0 0 auto!important;}
#evx45-cart-drawer #cart-content .cart-totals .table{width:100%;}
#evx45-cart-drawer #cart-content .cart-totals td{background:#fafafa!important;color:#111!important;padding:12px 16px!important;}
#evx45-cart-drawer #cart-content .cart-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding:16px;}
#evx45-cart-drawer #cart-content .cart-buttons a{margin:0!important;width:100%!important;padding:12px 8px!important;min-height:47px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal!important;color:#fff!important;background:#171717!important;font-size:13px!important;}
#evx45-cart-drawer #cart-content .cart-buttons a.btn-cart{background:#fff!important;color:#171717!important;border:1px solid #171717!important;}
html.evx45-cart-open {overflow:hidden!important;}
/* Feedback-style AI launcher, separate from Journal's scroll-to-top. Existing UI is informational only. */
html.evx-v4-active #evx42-chat-trigger{right:0!important;bottom:26vh!important;width:72px!important;height:76px!important;border-radius:14px 0 0 14px!important;z-index:8000!important;box-shadow:0 8px 29px #0002!important;}
html.evx-v4-active #evx42-chat-panel{right:82px!important;bottom:max(55px,20vh)!important;z-index:8001!important;}
html.evx-v4-active .scroll-top {right:22px!important;bottom:23px!important;z-index:4000!important;}
html.evx45-cart-open #evx42-chat-trigger,html.evx45-cart-open .scroll-top{visibility:hidden!important;}
@media(max-width:650px){
 html.evx-v4-active #evx42-chat-trigger{right:10px!important;bottom:93px!important;width:66px!important;height:65px!important;border-radius:50%!important;}
 html.evx-v4-active #evx42-chat-panel{right:12px!important;bottom:165px!important;width:min(385px,calc(100vw - 24px))!important;max-height:calc(100dvh - 180px);overflow-y:auto;}
 html.evx-v4-active .scroll-top{right:22px!important;bottom:22px!important;}
}
/* Repair current V4.3 professional block while new homepage is being reviewed. */
html.evx-v4-active .evx42-home .evx42-pro .evx42-wrap{display:flex!important;justify-content:center!important;align-items:center!important;max-width:1100px!important;text-align:center!important;}
html.evx-v4-active .evx42-home .evx42-pro .evx42-lead{width:100%!important;max-width:950px!important;display:block!important;margin:0 auto!important;}
html.evx-v4-active .evx42-home .evx42-pro .evx42-lead>div{margin:0 auto!important;max-width:850px!important;}
html.evx-v4-active .evx42-home .evx42-pro .evx42-lead p{max-width:650px!important;margin:0 auto 22px!important;}
html.evx-v4-active .evx42-home .evx42-pro .evx42-pro-actions{display:flex!important;justify-content:center!important;}
/* New homepage is strictly scoped. It does not inherit .evx42-home preview CSS. */
.evx45-home{background:#fff;color:#141414;font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:left;}
.evx45-home *{box-sizing:border-box;}
.evx45-home a{text-decoration:none!important;}
.evx45-home .evx45-wrap{width:min(1440px,calc(100% - 64px));margin:0 auto;}
.evx45-home .evx45-kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:750;font-size:11px;color:#454545;margin:0 0 15px;}
.evx45-home .evx45-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;max-height:none;background:#181818;}
.evx45-home .evx45-hero-copy{color:#fff;padding:clamp(42px,6vw,112px) clamp(35px,5vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.evx45-home .evx45-hero-copy .evx45-kicker{color:#c9c9c9;}
.evx45-home .evx45-hero-copy h1{font-weight:730;line-height:1.075;font-size:clamp(39px,4.55vw,78px);letter-spacing:-.045em;color:#fff!important;margin:0 0 26px;max-width:700px;}
.evx45-home .evx45-hero-copy p{color:#ebebeb;font-size:clamp(15px,1.16vw,18px);max-width:490px;margin:0 0 35px;}
.evx45-home .evx45-hero-art{background:#f3f2ef;min-width:0;max-height:690px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.evx45-home .evx45-hero-art img{display:block;width:100%;height:100%;max-height:690px;object-fit:cover;object-position:center;}
.evx45-home .evx45-hero-art.is-packshot img{width:87%;height:85%;object-fit:contain;}
.evx45-home .evx45-hero-art .evx45-art-note{position:absolute;left:25px;bottom:20px;padding:7px 10px;font-size:11px;background:#fff;color:#555;letter-spacing:.05em;}
.evx45-home .evx45-actions{display:flex;gap:10px;flex-wrap:wrap;}
.evx45-home .evx45-btn{display:inline-flex;min-height:49px;padding:13px 22px;align-items:center;justify-content:center;font-size:12px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;border:1px solid currentColor;color:#171717;background:#fff;}
.evx45-home .evx45-btn.dark{background:#171717;color:#fff;}
.evx45-home .evx45-btn.ghost{color:#fff;background:transparent;}
.evx45-home .evx45-advantages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#111;color:#fff;}
.evx45-home .evx45-advantages>div{padding:20px 15px;text-align:center;font-size:13px;font-weight:720;letter-spacing:.025em;border-right:1px solid #444;}
.evx45-home .evx45-advantages>div:last-child{border:0;}
.evx45-home .evx45-section{padding:clamp(66px,6vw,106px) 0;}
.evx45-home .evx45-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px;}
.evx45-home .evx45-section h2,.evx45-home .evx45-pro h2{font-size:clamp(32px,3vw,50px);letter-spacing:-.038em;line-height:1.12;margin:0;color:#171717!important;}
.evx45-home .evx45-section-heading p{color:#555;margin:0;max-width:450px;}
.evx45-home .evx45-departments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.evx45-home .evx45-dept{display:flex;flex-direction:column;min-width:0;background:#fafafa;color:#141414!important;border:1px solid #e7e7e7;}
.evx45-home .evx45-dept-media{background:#f0f0ee;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.evx45-home .evx45-dept-media img{width:100%;height:100%;object-fit:cover;}
.evx45-home .evx45-dept-media.is-product img{object-fit:contain;width:94%;height:94%;}
.evx45-home .evx45-dept-media svg{width:74px;height:74px;stroke:#4e4e4e;stroke-width:1.3;fill:none;}
.evx45-home .evx45-dept strong{padding:16px 15px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:14px;line-height:1.3;font-weight:730;color:#171717!important;}
.evx45-home .evx45-dept:hover{border-color:#7a7a7a;}
.evx45-home .evx45-ac-feature{display:grid;grid-template-columns:1fr 1fr;background:#171717;color:#fff;min-height:340px;}
.evx45-home .evx45-ac-visual{background:linear-gradient(125deg,#343d45,#171a1d);display:flex;align-items:center;justify-content:center;padding:55px;}
.evx45-home .evx45-ac-visual svg{width:min(350px,80%);height:auto;stroke:#fff;stroke-width:1.2;fill:none;opacity:.85;}
.evx45-home .evx45-ac-copy{padding:clamp(38px,4vw,80px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.evx45-home .evx45-ac-copy .evx45-kicker{color:#c3c3c3;}
.evx45-home .evx45-ac-copy h2{color:#fff!important;font-size:clamp(31px,3vw,51px);margin-bottom:15px;}
.evx45-home .evx45-ac-copy p{max-width:510px;margin:0 0 25px;color:#d2d2d2;}
.evx45-home .evx45-pro{background:#f4f3f1;text-align:center;padding:clamp(70px,7vw,125px) 22px;}
.evx45-home .evx45-pro .evx45-wrap{max-width:790px;display:flex;flex-direction:column;align-items:center;}
.evx45-home .evx45-pro .evx45-kicker{margin:0 0 20px;}
.evx45-home .evx45-pro h2{margin:0 0 20px;}
.evx45-home .evx45-pro p{max-width:640px;margin:0 auto 30px;color:#555;}
@media(max-width:1150px){
 .evx45-home .evx45-departments{grid-template-columns:repeat(3,minmax(0,1fr));}
 .evx45-home .evx45-hero{grid-template-columns:1.06fr .94fr;min-height:500px;}
}
@media(max-width:720px){
 .evx45-home .evx45-wrap{width:calc(100% - 32px);}
 .evx45-home .evx45-hero{grid-template-columns:1fr;}
 .evx45-home .evx45-hero-copy{padding:62px 24px 52px;}
 .evx45-home .evx45-hero-art{height:340px;}
 .evx45-home .evx45-advantages{grid-template-columns:1fr;}
 .evx45-home .evx45-advantages>div{padding:13px 10px;border-right:0;border-bottom:1px solid #444;}
 .evx45-home .evx45-section-heading{display:block;}
 .evx45-home .evx45-section-heading p{margin-top:12px;}
 .evx45-home .evx45-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .evx45-home .evx45-ac-feature{grid-template-columns:1fr;}
 .evx45-home .evx45-ac-visual{min-height:270px;}
}
@media(prefers-reduced-motion:reduce){.evx45-home *{transition:none!important;scroll-behavior:auto!important;}}
/* Separate dedicated landing integrated into EXISTING AC category #117. */
html.evx-v4-active #product-category .category-description:has(.evx45-ac-landing){padding:0!important;border:0!important;display:block!important;background:#fff!important;}
html.evx-v4-active #product-category .category-description:has(.evx45-ac-landing)>.category-image{display:none!important;}
html.evx-v4-active #product-category .category-description:has(.evx45-ac-landing) .category-text{display:block!important;width:100%!important;max-width:100%!important;}
.evx45-ac-landing{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;padding:50px clamp(24px,4vw,76px);background:#17191a;color:#fff;align-items:center;}
.evx45-ac-landing h2{color:#fff!important;font-size:clamp(32px,3.1vw,52px);letter-spacing:-.03em;line-height:1.15;margin:0 0 17px;}
.evx45-ac-landing p{color:#e1e1e1;max-width:570px;font-size:16px;line-height:1.6;}
.evx45-ac-landing .evx45-ac-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:720;color:#cfcfcf;margin:0 0 14px;}
.evx45-ac-landing svg{width:100%;max-height:285px;stroke:#c7d1d9;stroke-width:1.6;fill:none;}
.evx45-ac-landing .evx45-ac-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px;}
.evx45-ac-landing a{display:inline-flex;background:#fff;padding:12px 18px;text-decoration:none!important;color:#111!important;font-size:12px;font-weight:740;min-height:43px;align-items:center;}
.evx45-ac-landing a+a{background:transparent;border:1px solid #fff;color:#fff!important;}
@media(max-width:800px){.evx45-ac-landing{grid-template-columns:1fr;padding:37px 23px;}.evx45-ac-landing svg{max-height:170px;}}