:root {
  --evo-brand-secondary: #878787;
  --evo-brand-accent: #E6EFFB;
  --evo-header-background: #fff;
}
.header-full .logo img {
/* Change this for desktop */
    max-width: 200px !important;
    height: auto !important;
    max-height: none !important;
}

.out-stock {
    color: #d22f25;
}

.in-stock {
    color: #37b048;
}

/* ===== SP remove 'Top pick', 'Popular categories' and 'View all categories' on home page ===== */
.ex-home .zonetop .row.header-wrapper,
.ex-home .zonetop .nav-wrapper {
    display: none;
}

/* ===== SP change spacing between rows ===== */
.ex-home {
    --evo-row-spacing: 30px;
}

/* ===== SP reverse effect on tabbed boxes ===== */
.ex-home .tabbed-box:hover h2 {
    opacity: 1;
    transform: translateY(200px);
     
}
.ex-home .tabbed-box h2 {
    opacity: 1;
    transition: transform 0.35s ease;
}

.ex-home .tabbed-box:hover::before {
    opacity: 1;
    background-color: rgba(0,0,0,0);
}


.ex-home .tabbed-box::before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(0,0,0,0.2) 10%, rgba(255,255,255,0) 40%);
  background-color: rgba(0,0,0,0.3);
  transition: background-color 0.35s ease;
}

/*MH Badge Test*/

.b4946 .ribbon, .b4946 .ribboncart {
	 background: url("https://eu.evocdn.io/dealer/1342/content/media/FurnitureAssemblyBadge.png") no-repeat center !important;
	 background-size: contain !important;
	 width: 87px;
	 height: 87px;
}
 .b4946 .ribboncart {
	 width: 40px;
	 height: 40px;
}
 .b4946 .ribbon-tips, .b4946 .ribbon-side, .b4946 .ribboncart-tips, .b4946 .ribboncart-wrapper, .b4946 span {
	 display: none;
}


/* ============ PROMO PAGES: reusable hero + steps ============ */

/* ---- Hero ---- */
.promo-hero {
  --promo-overlay: rgba(24, 40, 69, 0.7);
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: clamp(320px, 27vw, 518px);
  background-color: #182845;
  background-image: linear-gradient(var(--promo-overlay), var(--promo-overlay)), var(--promo-hero-bg);
  background-size: cover;
  background-position: center;
  color: #fff;
}
.promo-hero .promo-hero__inner {
  position: relative;
  z-index: 1;
}
.promo-hero .promo-hero__title {
  margin: 0 0 0.5em;
  color: inherit;
  font-size: clamp(2.5rem, 4vw, 6rem);
  font-weight: 700;
  line-height: 0.95;
  text-transform: uppercase;
}
.promo-hero .promo-hero__text {
  margin: 0;
  max-width: 19em;
  color: inherit;
  font-size: clamp(1.125rem, 2vw, 3rem);
  line-height: 1.125;
}
.promo-hero .promo-hero__side {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  max-width: 45%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
}

/* ---- Numbered steps ---- */
.promo-steps {
  counter-reset: promo-step;
  display: grid;
  grid-template-columns: repeat(var(--promo-steps-cols, 4), minmax(0, 1fr));
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.promo-steps .promo-steps__item {
  counter-increment: promo-step;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  aspect-ratio: 394 / 404;
  margin: 0;
  padding: clamp(1.5rem, 4.5vw, 5.4rem) 1rem clamp(1.75rem, 2.7vw, 3.25rem);
  border-radius: 8px;
  background: var(--promo-steps-bg, #182845);
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.promo-steps .promo-steps__title {
  font-size: clamp(1.375rem, 2.1vw, 2.5rem);
  line-height: 1.25;
}
/* auto-number: 01, 02, 03... */
.promo-steps .promo-steps__item::after {
  content: counter(promo-step, decimal-leading-zero);
  color: var(--promo-steps-accent, #3ba6dd);
  font-size: clamp(3rem, 5vw, 6rem);
  line-height: 1;
}
/* the notch at the bottom */
.promo-steps .promo-steps__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 53%;
  height: 1.5rem;
  transform: translateX(-50%);
  border-radius: 4px 4px 0 0;
  background: var(--promo-steps-notch, #fff);
}

/* ---- Responsive ---- */
@media (max-width: 1023px) {
  .promo-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
  .promo-steps .promo-steps__item { aspect-ratio: auto; min-height: 17rem; padding: 2.5rem 1rem 3rem; }
  .promo-steps .promo-steps__title { font-size: 1.75rem; }
  .promo-steps .promo-steps__item::after { font-size: 4rem; }
}
@media (max-width: 767px) {
  .promo-hero .promo-hero__side { display: none; }
}
@media (max-width: 599px) {
  .promo-steps { grid-template-columns: 1fr; }
}


/* ---- Row helper: vertically centre columns ---- */
.evo-row-section.row-align-middle > .row,
.row.row-align-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.row-align-middle .row::before,
.row-align-middle .row::after {
  content: none; /* stops old float-style clearfix pseudo-elements acting as flex items */
}
/* keep the text block optically centred */
.row-align-middle .contentblock_container h2:first-child { margin-top: 0; }
.row-align-middle .contentblock_container p:last-child  { margin-bottom: 0; }

.ex-content-page  > div.page-content.onecolumn > section.catalog-grid > div > div > div.col-md-12.row-breadcrumb {
  display: none;
}