nav.menu ul.catalog > li:nth-child(7) {
    background-color: #00adee;
}

/* Hide menu with customer labels */
.ex-l-3566 .menu ul.catalog > li.safetyhelmet_menuhide,
.ex-l-3510 .menu ul.catalog > li.healthequip_menuhide,
.ex-l-3511 .menu ul.catalog > li.healthsupp_menuhide,
.ex-l-3512 .menu ul.catalog > li.officefurn_menuhide,
.ex-l-3513 .menu ul.catalog > li.safety_menuhide,
.ex-l-3509 .menu ul.catalog > li.facilities-cleaning_menuhide,
.ex-l-3508 .menu ul.catalog > li.office_menuhide,
.ex-l-4003 .menu ul.catalog > li.catering_menuhide {
  display: none !important;
}

.ex-l-3510 .header-mobile li.healthequip_menuhide,
.ex-l-3511 .header-mobile li.healthsupp_menuhide,
.ex-l-3512 .header-mobile li.officefurn_menuhide,
.ex-l-3513 .header-mobile li.safety_menuhide,
.ex-l-3509 .header-mobile li.facilities-cleaning_menuhide,
.ex-l-3508 .header-mobile li.office_menuhide,
.ex-l-4003 .menu ul.catalog > li.catering_menuhide {
  display: none !important;
}



.out-stock {
    color: #d22f25;
}

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

/* savills */

:root {
  --savills-col1: #252839;
  --savills-col2: #ffffff;
  --savills-col1-filter: brightness(0) saturate(100%) invert(76%) sepia(73%) saturate(568%) hue-rotate(359deg) brightness(103%) contrast(106%);
  --savills-col2-filter: brightness(0) saturate(100%) invert(12%) sepia(86%) saturate(3731%) hue-rotate(348deg) brightness(118%) contrast(99%);
}

.ex-l-3815 .header-full,
.ex-l-3815 .menubarStick,
.ex-l-3815 footer,
.ex-l-3815 #filterswrapperhorizontal .filter-more-group .btn-filter-more,
.ex-l-3815 #filterswrapperhorizontal .btn-group .btn-filter,
.ex-l-3815 .btn,
.ex-l-3815 .customertools .customertools-container,
.ex-l-3815 .menu ul.catalog > li:hover {
  background-color: var(--savills-col1);
}

.ex-l-3815 .headersection-1,
.ex-l-3815 nav.menu ul.catalog > li:nth-child(7) {
  background-color: var(--savills-col2);
}

.ex-l-3815 .customertools .your-account {
  background: var(--savills-col1);
}

.ex-l-3815 .btn,
.ex-l-3815 .dashboard-sortable a:hover {
  color: var(--savills-col2);
}

.ex-l-3815 footer.footer .menulinks_container .title,
.ex-l-3815 footer.footer .contactdetails_container h4,
.ex-l-3815 h2,
.ex-l-3815 .dashboard-sortable i,
.ex-l-3815 .grid.simple .grid-title h3,
.ex-l-3815 .dashboard-sortable a {
  color: var(--savills-col1);
}

.ex-l-3815 .btn:hover {
  opacity: 0.8;
}

.ex-l-3815 .shoppingtools_container .toolbar .account-btn > i,
.ex-l-3815 .minicart_container .toolbar .headermini i,
.ex-l-3815 .shoppingtools_container .toolbar .account-btn::after,
.ex-l-3815 #vuequicklistdropdown::after,
.ex-l-3815 .minicart_container .toolbar .cart-btn::after,
.ex-l-3815 .menu ul.catalog > li.has-submenu > a::after,
.ex-l-3815 footer.footer .contactdetails_container .contact-block .contact-description,
.ex-l-3815 footer.footer .menulinks_container ul li::after {
  filter: var(--savills-col1-filter);
}

.ex-l-3815 .toolbar .cart-btn > .btn span {
  background-color: transparent; 
}

 
.page-class .greenekingpage .logo img {
  width: 180px !important;
  height: auto !important;
  border-radius: 10px !important;
  filter: brightness(0) invert(1) !important;
}

/*
.greenekingpage .logo img {
  width: 180px !important;
  height: auto !important;
  border-radius: 10px;
  filter: brightness(0) invert(1);
}

*/
.greenekingpage .header-full {
  background: #154734 !important;
}
.greenekingpage .header-full .account-btn > i {
  filter: brightness(0) invert(1);
}
.greenekingpage .headersection-1 {
  background: #0a281d;
}
.greenekingpage .headersection-1 a {
  color: #fff;
}
.greenekingpage .shoppingtools_container .toolbar .account-btn::after {
  filter: brightness(0) invert(1);
}
.greenekingpage .menubarStick {
  background: #154734;
}
.greenekingpage .menu ul.catalog > li:hover {
  background: #154734;
}
.greenekingpage .menu ul.catalog > li.has-submenu > a::after {
  filter: grayscale(1);
}
.greenekingpage footer.footer {
  background: #154734;
}
.greenekingpage footer.footer .contactdetails_container h4,
.greenekingpage footer.footer .menulinks_container .title {
  color: #fff;
}
.greenekingpage footer .contacts,
.greenekingpage footer.footer .menulinks_container ul li::after {
  filter: brightness(0) invert(1);
}
.greenekingpage #breadcrumb {
  display: none;
}
  .greenekingpage .dropdown .pointer:hover {
  color: #fff;
  background: #154734;
}
.greenekingpage .dropdown .pointer:hover a {
  color: #fff;
}
.greenekingpage .register-form h1 {
    color: #154734;
  }
.greenekingpage .register-form > img {
  background: none !important;
}

/* customerb */

:root {
  --customerb-col1: #154734;
  --customerb-col2: #ffffff;
  --customerb-col1-filter: brightness(0) saturate(100%) invert(76%) sepia(73%) saturate(568%) hue-rotate(359deg) brightness(103%) contrast(106%);
  --customerb-col2-filter: brightness(0) saturate(100%) invert(12%) sepia(86%) saturate(3731%) hue-rotate(348deg) brightness(118%) contrast(99%);
}

.ex-l-4008 .header-full,
.ex-l-4008 .menubarStick,
.ex-l-4008 footer,
.ex-l-4008 #filterswrapperhorizontal .filter-more-group .btn-filter-more,
.ex-l-4008 #filterswrapperhorizontal .btn-group .btn-filter,
.ex-l-4008 .btn,
.ex-l-4008 .customertools .customertools-container,
.ex-l-4008 .menu ul.catalog > li:hover {
  background-color: var(--customerb-col1);
}

.ex-l-4008 .headersection-1,
.ex-l-4008 nav.menu ul.catalog > li:nth-child(7) {
  background-color: var(--customerb-col2);
}

.ex-l-4008 .customertools .your-account {
  background: var(--customerb-col1);
}

.ex-l-4008 .btn,
.ex-l-4008 .dashboard-sortable a:hover {
  color: var(--customerb-col2);
}

.ex-l-4008 footer.footer .menulinks_container .title,
.ex-l-4008 footer.footer .contactdetails_container h4,
.ex-l-4008 h2,
.ex-l-4008 .dashboard-sortable i,
.ex-l-4008 .grid.simple .grid-title h3,
.ex-l-4008 .dashboard-sortable a {
  color: var(--customerb-col1);
}

.ex-l-4008 .btn:hover {
  opacity: 0.8;
}

.ex-l-4008 .shoppingtools_container .toolbar .account-btn > i,
.ex-l-4008 .minicart_container .toolbar .headermini i,
.ex-l-4008 .shoppingtools_container .toolbar .account-btn::after,
.ex-l-4008 #vuequicklistdropdown::after,
.ex-l-4008 .minicart_container .toolbar .cart-btn::after,
.ex-l-4008 .menu ul.catalog > li.has-submenu > a::after,
.ex-l-4008 footer.footer .contactdetails_container .contact-block .contact-description,
.ex-l-4008 footer.footer .menulinks_container ul li::after {
  filter: var(--customerb-col1-filter);
}

.ex-l-4008 .toolbar .cart-btn > .btn span {
  background-color: transparent; 
}

i.fa-recycle {
    display: none;
}

.ecoblock_container .col-lg-8.col-md-8{
    width: 100%;
}

  .ex-name-greenekingcustomerregistration .logo img {
  width: 180px !important;
  height: auto !important;
  border-radius: 10px;
  filter: brightness(0) invert(1);
}
.ex-name-greenekingcustomerregistration .header-full {
  background: #154734 !important;
}
.ex-name-greenekingcustomerregistration .header-full .account-btn > i {
  filter: brightness(0) invert(1);
}
.ex-name-greenekingcustomerregistration .headersection-1 {
  background: #0a281d;
}
.ex-name-greenekingcustomerregistration .headersection-1 a {
  color: #fff;
}
.ex-name-greenekingcustomerregistration .shoppingtools_container .toolbar .account-btn::after {
  filter: brightness(0) invert(1);
}
.ex-name-greenekingcustomerregistration .menubarStick {
  background: #154734;
}
.ex-name-greenekingcustomerregistration .menu ul.catalog > li:hover {
  background: #154734;
}
.ex-name-greenekingcustomerregistration .menu ul.catalog > li.has-submenu > a::after {
  filter: grayscale(1);
}
.ex-name-greenekingcustomerregistration footer.footer {
  background: #154734;
}
.ex-name-greenekingcustomerregistration footer.footer .contactdetails_container h4,
.ex-name-greenekingcustomerregistration footer.footer .menulinks_container .title {
  color: #fff;
}
.ex-name-greenekingcustomerregistration footer .contacts,
.ex-name-greenekingcustomerregistration footer.footer .menulinks_container ul li::after {
  filter: brightness(0) invert(1);
}
.ex-name-greenekingcustomerregistration #breadcrumb {
  display: none;
}
  .ex-name-greenekingcustomerregistration .dropdown .pointer:hover {
  color: #fff;
  background: #154734;
}
.ex-name-greenekingcustomerregistration .dropdown .pointer:hover a {
  color: #fff;
}
.ex-name-greenekingcustomerregistration .register-form h1 {
    color: #154734;
  }
/* Fixes a custom design issue with the cart button showing cut out in the PDP for live inventory v2 */
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper button {
  width: 100%;
}
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper {
  max-width: none;
}
/* ===== MH Riverdale related style ===== */
.ex-a-2388475 {
  --eazzy-primary-bg: 35, 96, 146;
  --eazzy-secondary-bg: 180, 161, 105;
  --eazzy-tertiary-bg: 255, 255, 255;
  --eazzy-btn-primary-bg-hover: 180, 161, 105;
  --eazzy-border-color: 193, 188, 170;
}

/* New Riverdale */
.ex-a-2388475 .btn-default {
  color: rgb(var(--eazzy-tertiary-bg));
  background-color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 .btn-default:hover,
.ex-a-2388475 .btn-default:focus-visible {
  background-color: rgb(var(--eazzy-secondary-bg));
}
.ex-home.ex-a-2388475 .headersection-2.menubarStick {
  background: rgba(var(--eazzy-primary-bg), 0.9);
}
.ex-a-2388475:not(.ex-home) .headersection-2.menubarStick {
  background: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 .headersection-2 .logo img {
  opacity: 0;
}
.ex-a-2388475 .headersection-2 .logo {
  background-image: url("https://eu.evocdn.io/dealer/1650/content/media/My_Theme/assets/logos/riverdale-healthcare-logo-part-white-v2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
body.ex-a-2388475 header .header-mobile {
  border-bottom: 1px solid rgb(var(--eazzy-border-color));
}
.ex-a-2388475 .header-menu .cd-dropdown-wrapper .cd-dropdown,
.ex-a-2388475 .header-menu h3 {
  background: rgb(var(--eazzy-primary-bg));
}

.ex-a-2388475 .header-menu .cd-dropdown-wrapper .cd-dropdown div.dropdown-extras {
  background: rgb(var(--eazzy-secondary-bg));
}

.ex-a-2388475 header .header-mobile .cd-dropdown-trigger-mobile i,
.ex-a-2388475 header .header-mobile .header-right a {
  color: #404040;
}

.ex-a-2388475 .toolbar .account-btn .user-icon,
.ex-a-2388475 .shoppingtools_container .account-btn:hover > i {
  background-image: url("https://eu.evocdn.io/dealer/1280/content/media/My_Theme/assest/icons/doctor_account_40x50.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  width: 40px !important;
  height: 40px !important;
  content: "";
}
.ex-a-2388475:not(.ex-home) .toolbar .account-btn .user-icon {
  filter: invert(1);
}
.ex-a-2388475:not(.ex-home) .shoppingtools_container .toolbar .account-btn::after,
.ex-a-2388475:not(.ex-home) #vuequicklistdropdown::after,
.ex-a-2388475:not(.ex-home) .minicart_container .toolbar .cart-btn::after {
  filter: brightness(0) invert(1);
}

.ex-a-2388475 .toolbar .cart-btn > .btn > i,
.ex-a-2388475 .minicart_container .cart-btn > .btn:hover > i {
  background-image: url("https://eu.evocdn.io/dealer/1280/content/media/My_Theme/assest/icons/doctor_buckets_50x49.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  width: 40px !important;
  height: 40px !important;
  content: "";
  filter: invert(1);
  left: -10px;
}
.ex-a-2388475 .toolbar .cart-btn > .btn span {
  background: transparent;
}
.ex-a-2388475 .minicart_container .cart-btn .fa-shopping-bag::before,
.ex-a-2388475 i.material-icons.user-icon::before {
  content: "";
}
.ex-a-2388475 footer.footer,
.ex-a-2388475 .testimonials-inner,
.ex-a-2388475 .bg-secondary {
  background-color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 footer.footer .menulinks_container .title,
.ex-a-2388475 footer.footer .contactdetails_container h4 {
  color: rgb(var(--eazzy-secondary-bg));
}
.ex-a-2388475 .statBox .slice .bar,
.ex-a-2388475 .statBox .slice .fill {
  border-color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 footer.footer .contactdetails_container .contact-block .contact-description,
.ex-a-2388475 .statsRight .right .statBox img,
.ex-a-2388475 footer.footer .menulinks_container ul li::after {
  filter: brightness(0) invert(1);
}
.ex-a-2388475 .statBox .c100 > span {
  color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 .nButton {
  color: rgb(var(--eazzy-tertiary-bg));
}
.ex-a-2388475 .statsRight .left h2 {
  color: rgb(var(--eazzy-secondary-bg));
}
.ex-a-2388475 .statsSection::before {
  background-color: rgba(var(--eazzy-primary-bg), 0.4);
}
.ex-a-2388475 .nButton .dotWrapper,
.ex-a-2388475 .statsRight .right .statBox {
  background-color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475 .nButton:hover .dotWrapper {
  background-color: rgb(var(--eazzy-secondary-bg));
}
.ex-a-2388475:not(.ex-home) .headersection-1 {
  background-color: rgb(var(--eazzy-tertiary-bg));
}
.ex-a-2388475:not(.ex-home) .header-full {
  background-color: rgb(var(--eazzy-primary-bg));
}
.ex-a-2388475:not(.ex-home) .menu ul.catalog > li:hover {
  background-color: rgb(var(--eazzy-primary-bg));
}

.badges-wrapper {
  left: 0px;
  top: -5px;
}
/* Hide Out Of Stock for Riverdale */
.ex-a-2388475 .live-inventory-v2-shipping.out-stock {
  opacity: 0;
}
/* Badges */
/* Sergei */
.line-ref-wrapper {
  padding-inline: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.line-ref-wrapper > .addline-wrapper {
  width: 100%;
}
.line-ref-element {
  position: relative;
  padding: 20px;
  padding-right: 35px;
  background: #f5f5f5;
  border-radius: 10px;
  border: 4px solid transparent;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 100%;
}
.line-ref-title {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}
.line-ref-element .quantity-line input {
  width: 70px;
  flex-grow: unset;
  margin-right: 10px;
  text-align: center;
}
.quantity-line {
  position: relative;
}
.quantity-line button {
  position: absolute;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  z-index: 3;
  top: 8px;
}
.quantity-line button.decr-qty {
  right: 57px;
  top: 7px;
}
.quantity-line button.inc-qty {
  right: 14px;
}

.line-ref-element + .line-ref-element {
  margin-top: 10px;
}
.line-ref-delete {
  position: absolute;
  right: 7px;
  top: 2px;
  border: none;
  background-color: transparent;
  font-size: 1.2rem;
  transition: color 0.35s;
}
.line-ref-delete:hover {
  color: #f38989;
}
.line-ref-element > div {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.line-ref-element span {
  font-size: 1.1rem;
  width: max-content;
  display: inline-block;
}
.line-ref-element input,
.line-ref-element select {
  margin-left: 10px;
  width: auto;
  padding: 10px 15px;
  flex-grow: 1;
  /*! border-radius: 20px; */
  font-size: 1.2rem;
  border-color: transparent;
  outline: 2px solid transparent;
  transition: outline-color 0.35s;
  background-color: #fff;
}
.line-ref-element select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1L5 5L9 1' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 34px;
  cursor: pointer;
}
.line-ref-element input:focus,
.line-ref-element select:focus {
  outline-color: #53b1ff;
}

/* Red border while a required field is empty, green once every field is filled */
/* Red border while a required field is empty, green once every field is filled */
.line-ref-element:has(input:placeholder-shown):not(.badge-card),
.line-ref-element:has(select:invalid):not(.badge-card) {
  border: 3px solid #f3898955;
  box-shadow: 0px 0px 10px 0px #f3898955;
}
.line-ref-element:not(:has(input:placeholder-shown)):not(:has(select:invalid)):not(.badge-card) {
  border: 3px solid #78c1a355;
  box-shadow: 0px 0px 10px 0px #78c1a355;
}

.line-ref-element:has(input:placeholder-shown) .badge-visual,
.line-ref-element:has(select:invalid) .badge-visual {
  box-shadow: 0px 0px 10px 0px #f3898955;
}
.line-ref-element:not(:has(input:placeholder-shown)):not(:has(select:invalid)) .badge-visual {
  box-shadow: 0px 0px 10px 0px #78c1a355;
}

.addline-wrapper {
  width: 100%;
  border: 3px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 15px;
  margin-block: 10px 30px;
  background-color: #f5f5f5;
  border-radius: 10px;
  transition: border-color 0.35s;
}
.addline-wrapper.error {
  border-color: #f38989;
}
.addline-wrapper.error .addline-btn {
  border-color: #f38989;
  color: #f38989;
}
.addline-btn {
  width: 50px;
  height: 50px;
  font-size: 2.5rem;
  line-height: 0;
  color: #78c1a3;
  border: 1px solid #78c1a3;
  border-radius: 50%;
  transition:
    background-color 0.35s,
    border-color 0.35s,
    color 0.35s;
}
.addline-btn:hover {
  background-color: #eaf4e7;
}

/* ============================================================
   Badge card style — used when a label's cardStyle is "badge"
   (logo, big centered name, plain-text position, in a white card;
   quantity/remove live below the card, not inside it)
   ============================================================ */
.line-ref-element.badge-card {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  /*! width: 340px; */
  max-width: 100%;
  padding: 0;
  background: transparent;
  border: none;
  margin-inline: auto;
}
.line-ref-element.badge-card {
  padding-bottom: 20px;
  border-bottom: 2px dashed #0001;
  border-radius: 0;
}

.badge-visual {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(20, 30, 40, 0.08);
  padding: 26px 22px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /*! gap: 8px; */
  border: 2px solid #0002;
}

.badge-logo {
  max-width: 90%;
  height: auto;
  margin-bottom: 25px;
}

/* Name — plain, no border, subtle dashed underline only while empty */
.line-ref-element.badge-card input.badge-name-input {
  margin: 0;
  /*! width: 100%; */
  text-align: center;
  font-size: 1.9rem;
  font-weight: 600;

  background: transparent;
  border: none;
  border-bottom: 1px dashed transparent;
  /*! border-radius: 6px; */
  padding: 2px 8px;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  max-width: 72%;
}
.line-ref-element.badge-card input.badge-name-input:placeholder-shown {
  border-bottom-color: #d8dcdf;
}
.line-ref-element.badge-card input.badge-name-input:hover {
  background: #f7f8f9;
}
.line-ref-element.badge-card input.badge-name-input:focus {
  outline: none;
  background: #f7f8f9;
}

/* Position — reads as plain text, no pill, no arrow icon */
.line-ref-element.badge-card select.badge-position-select {
  margin: 0;
  /*! width: 100%; */
  width: 72%;
  text-align: center;
  text-align-last: center;
  font-size: 1.2rem;
  color: #3a3f44;
  background: transparent;
  border: none;
  border-bottom: 1px dashed transparent;
  /*! border-radius: 6px; */
  padding: 2px 8px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition:
    border-color 0.2s,
    background-color 0.2s;
}
.line-ref-element.badge-card select.badge-position-select:invalid {
  color: #9aa3a3;
  border-bottom-color: #d8dcdf;
}
.line-ref-element.badge-card select.badge-position-select:hover {
  background: #f7f8f9;
}
.line-ref-element.badge-card select.badge-position-select:focus {
  outline: none;
  background: #f7f8f9;
}

.badge-hint {
  margin: 10px 0 0;
  font-size: 11.5px;
  color: #9aa3a3;
  text-align: center;
}

/* ============================================================
   Quantity stepper + remove — prettied up, sitting below the card
   ============================================================ */
.line-ref-element.badge-card .badge-controls {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  gap: 30px;
}

/* Quantity: rounded pill with circular +/- buttons instead of the
   raw absolutely-positioned controls used by the plain field style */
.line-ref-element.badge-card .badge-controls .quantity-line {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
}
.line-ref-element.badge-card .badge-controls .quantity-line .item-qty {
  font-size: 12px;
  font-weight: 600;
  color: #8a9096;
  width: max-content;
}
.line-ref-element.badge-card .badge-controls .quantity-line .qty-stepper {
  display: flex;
  align-items: center;
  gap: 2px;
  background: #f4f6f7;
  border-radius: 999px;
  padding: 3px;
}
.line-ref-element.badge-card .badge-controls .quantity-line button {
  position: static;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  color: #3a3f44;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(20, 30, 40, 0.1);
  transition:
    background-color 0.15s,
    color 0.15s,
    transform 0.1s;
}
.line-ref-element.badge-card .badge-controls .quantity-line button:hover {
  background: #eef3f0;
  color: #4a8f6c;
}
.line-ref-element.badge-card .badge-controls .quantity-line button:active {
  transform: scale(0.92);
}
.line-ref-element.badge-card .badge-controls .quantity-line input[name="quantity"] {
  width: 26px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
  flex-grow: unset;
}

/* Remove: soft circular icon button instead of a bare "x" */
.line-ref-element.badge-card .line-ref-delete {
  position: static;
  /*! width: 28px; */
  /*! height: 28px; */
  border-radius: 10px;
  background: #f4f6f7;
  color: #9aa3a3;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.15s,
    color 0.15s;
  padding-inline: 10px;
  gap: 5px;
}
.line-ref-element.badge-card .line-ref-delete:hover {
  background: #fdeceb;
  color: #e6685f;
}

.ex-product.ex-sku-dvnhbg .badge-visual {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr 1fr;
}
.ex-product.ex-sku-dvnhbg .badge-visual .badge-logo {
  grid-row: span 2;
  grid-column: 1/5;
  max-width: 100%;
}
.ex-product.ex-sku-dvnhbg .badge-visual .badge-name-input {
  grid-column: 6/13;
  grid-row: 1/2;
  align-self: end;
}
.ex-product.ex-sku-dvnhbg .badge-visual .badge-position-select {
  grid-column: 6/13;
  grid-row: 2/3;
  align-self: start;
}