:root {
  --evo-brand-primary: #00b050;
  --evo-brand-secondary: #00b050;
  --evo-brand-accent: #00b050;
  --evo-header-background: #fff;
}

.header-full .widgetlogo a.logo img { max-height: fit-content !important; }
footer.footer .logo_container .logo img { height: auto; }
footer.footer .assc-logos img { max-width: 200px; }

#thankYou > div.status-check > p > span.get-started-order-summary { display: none; }
#thankYou > div.status-check > p > span.updated-status-order { display: none; }

/* Hide terms, salesperson, route from orders page */
.ex-order section.myorderview #order-top .customer-orders-terms,
.ex-order section.myorderview #order-top .customer-orders-route,
.ex-order section.myorderview #order-top .customer-orders-salesperson { display: none; }

/* Hide tax analysis from orders page */
#orderView > section > div:nth-child(9) > div:nth-child(1) { display: none; }

/* Orders Page Top Notes */
body > div.page-content > section.myorders > div.row.tab-content:before {
  content: "Click an order number to reorder or start a return.";
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: #00b050;
  padding: 0 15px ;
}

body > div.customertools.flyout-items-loaded.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) { display: none; }
span.id-card { display: none; }

/*** Design Team Code ***/
.bg-img1::before { background-image: url("https://us.evocdn.io/dealer/1516/content/media/My_Theme/images/contactbgimg1.webp"); }
.icon-link-1 a::before { content: url("https://us.evocdn.io/dealer/1516/content/media/My_Theme/icons/em-refresh.svg"); }
.ex-business-interiors { --evo-row-spacing: 0; }
/*** Design Team Code END ***/

body:not(.ex-validate-items-reorder) .contractitems #list .imgthumbnail img { max-height: 150px !important; }
.social-links { display: none; }

.productsummary_container .productdetails .prod-code span {
  background-color: var(--evo-brand-accent, #e6effb);
  color: #f9f9f9;
  font-weight: 400;
}

/* Removes phone icon from Call for Price */
i.fa.fa-phone { display:none; }

/* Product pg - specifications list, odd row background color */
.productspecs_container .tech-specs .item:nth-child(odd) { background-color: #eaeaea; }

#newQuicklistType { height: fit-content; }

/* user menu */
.customertools-container, .customertools-container h4 { color: white !important; }
.customertools-container .btn-outlined:focus-visible, .customertools-container .btn-outlined:hover { background-color: white !important; color: black !important; }

/* ink finder pg */
.inkselectform .btn[disabled], .inktonerfinderwidget[data-layout='Horizontal'] .printer_button[disabled] { background-color: grey !important; opacity:.9; }
.cd-dropdown-trigger { margin-right: 10px; }

/* changes on product grids */
.product-name a { font-weight: 600 !important; }
.product-sku { color: black !important; }
.price-label { font-size: 25px !important; }
.brand-label a { color: black !important; }

#breadcrumb { font-size: 22px; margin-bottom: 0; margin-top:-25px }
.productimage_container .product-info h1 {margin-top:0; font-size:20px; color: black; }

.addtocart-summary .has-price { font-size: 29px; }
.uom { font-size: 18px; }
.prod-code, .productsummary_container .productdetails .prod-code span { background-color: transparent; color: black; }

.vac_single-uom { margin-top:6px; }

.productdescription_container .panel-border, .productspecs_container .panel-border { border-color: #eaeaea !important; }
.productsrelated_container .productsrelated .owl-nav>div:before, .owl-nav>div:before { color: white !important; }

/* Frequently Purchased Top Message */
body.ex-frequentlypurchased > div.page-content.twocolumnsleft > section > div > div.row.myaccount-title.vertical-align.fix-align > div:nth-child(1) > h2 > span:after {
  content: " (Purchased from the new website only).";
}
body > div.page-content.twocolumnsleft > section > div > div.row.myaccount-title.vertical-align.fix-align > div:nth-child(1) > h2 > span:after {
  color: #00b050;
}

/* delivery message for main nav hover */
#delmessage {
  position:absolute;
  right:0;
  z-index:10;
  width:400px;
  height:fit-content;
  color:black;
  text-wrap:auto;
  margin:1rem;
  padding:1rem;
  background-color:rgba(255,255,255,.8);
  border-radius:.5rem;
}

/* borders on shop by brands section on ink finder page */
body.ex-name-inktonerfinder section.catalog-single.has-grid { border: none !important; }
body.ex-name-inktonerfinder .brands_container #grid>div { border: 1px solid #efefef !important; }

/* Hides UOM includes data */
span.uominclude {
    display: none !important;
}
.uom.uomblock.uominclude {
    display: none;
}

/* Hides Contract items only toggle */
section.filter-section.filtername-incontract {
    display: none;
}

.menu ul.catalog > li > a {
  font-size: 20px !important;
  font-family: 'Arial', sans-serif !important;
}
/*making cart total a little bigger*/
span.minicart_count{
font-size:0.7em !important;
  padding:4px !important;
Font-weight: normal !important;
}

/* reduce width of item code col in quick order table */
@media only screen and (min-width:769px){
  .quickordergrid .search-field { min-width: 20vw; }
}


.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.contact-form-wrap { max-width: 1000px; margin: 0 auto; padding-top: 81px; }
@media(max-width: 768px) { .contact-form-wrap { padding-top:calc(81px/2); } }
.contact-form-wrap .row { margin-bottom: 15px; }
.contact-form-wrap .row:last-child { text-align: center; }
.contact-form-wrap h1 { text-align: center; margin: 0 0 30px; }
.contact-form-wrap h4 { margin-top: 30px; font-weight: 500; }
.contact-form-wrap label { font-weight: 600; }
.contact-form-wrap .checkbox>label { font-weight: 400; display: flex; flex-wrap: wrap; }
.contact-form-wrap .checkbox>label label { width: 100%; padding: 0; margin-left: -20px; margin-top: 20px; display: none; }
.contact-form-wrap .checkbox>label label+input { margin-left: -20px; display: none; margin-top: 10px; }
.contact-form-wrap .checkbox>label #print-and-promotional:checked+label { display: block; }
.contact-form-wrap .checkbox>label #print-and-promotional:checked+label+input { display: block; }
.contact-form-wrap .nButton { border: 0; min-width: 300px; margin: 0 auto; height:40px; background-color: var(--evo-brand-primary); color:#fff; font-weight:700;font-size:1rem;padding:10px clamp(15px,3vw,60px);text-transform:capitalize; }
.contact-form-wrap .g-recaptcha>div { margin: 0 auto; }
.contact-form-wrap .form-control { background: #fff; border-radius: 0; height: 46px; padding: 6px 12px; width:100%; display:block; font-size:1em; line-height:1.42857143; }


.contact-form-wrap .form-control { border: 1px solid #00b050 !important; border-radius:0 !important; background: #fff !important; }
.contact-form-wrap .form-control:focus { border-color: var(--evo-brand-primary); outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,159,63,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,159,63,0.6); }
.contact-form-wrap .form-control:focus { border-color: var(--evo-brand-primary); outline:0; -webkit-box-shadow:0px 0px 0px 1px var(--evo-brand-primary); -moz-box-shadow:0px 0px 0px 1px var(--evo-brand-primary); box-shadow:0px 0px 0px 1px var(--evo-brand-primary); }
.contact-form-wrap input.form-control::-moz-placeholder { color:#999; opacity:1; }
.contact-form-wrap input.form-control::placeholder { color:#999 !important; }
.contact-form-wrap .with-fullstop::after { content:"."; color: var(--evo-brand-primary); }
.contact-form-wrap .with-questionmark::after { content:"?"; color: var(--evo-brand-primary); }

.hero-section { position: relative; min-height: 550px; }
.hero-section.short { min-height: 500px; }
.hero-section video { object-fit: cover; object-position: 50% 70%; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-section img { object-fit: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-section .hero-section-overlay { z-index: 1; background: rgba(0,0,0,.6); flex-direction: column; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; }
.hero-section .hero-section-overlay::after { content: ""; background-color: #009f3f; z-index: 2; clip-path: polygon(50% 92%, 100% 80%, 100% 100%, 0% 100%, 0% 80%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-section .hero-section-overlay h1 { margin: 0 0 25px; color: #fff; text-align: center; padding: 0 15px; font-size: 3em; }
.hero-section .hero-section-overlay h1 span { color: #00de5e; }
@media(max-width: 768px) { .hero-section .hero-section-overlay h1 { font-size:2em; } }
.hero-section .hero-section-overlay p { margin: 0 0 25px; color: #fff; text-align: center; font-size: 1.5rem; }
@media(max-width: 768px) { .hero-section .hero-section-overlay p { font-size:1em; } }
.hero-section .hero-section-overlay p[display=no] { display: none; }
.hero-section .hero-section-overlay a[display=no] { display: none; }
.hero-section .hero-section-overlay a::after { content: ""; width: 0; height: 0; border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0); border-left: 5px solid #fff; margin-left: 10px; display: inline-block; }
.hero-slider::after { background-color: #009f3f; z-index: 2; clip-path: polygon(50% 92%, 100% 80%, 100% 100%, 0% 100%, 0% 80%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-slider .ms-bullets.ms-dir-h { bottom: 2.5vw; }

/* Hides Stock Toggle from Green Rabbit Landing Page */
body.ex-name-greenrabbit div > section.filter-section.filtername-instock {
  display: none;
}

/* Hides Call for Price when logged out */
body.ex-loggedout div.price-call.live-pricing-fallback-option-callforprice {
	display: none;
}

/* Reducing Prop 65 Warning to an icon and expanding on hover */
.health_warning {
  padding: 5px;
  width: 35px;
  transition: all 0.35s;
  font-size: 0;
  background-color: transparent;
  
  .title img {
    max-width: 100%;
    margin-top: 5px;
  }
   
  &:hover {
    padding: 15px;
    width: 100%;
    font-size: 1rem;
    margin-top: 0;
    
    .title img {
      margin-top: 0;
    }
  }
}


.ex-cart {
  .health_warning {
    padding: 9px;
    margin: 0;
    
    &:hover {
      padding: 9px;
    }
    
    .title img {
      margin-top: 0;
    }
  }
}

.holiday-banner-spacing {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}


.merch-slider[data-merch="3393"] .footer-wrapper-description .brand-label img {
  max-height: 40px; 
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.merch-slider[data-merch="3393"] .footer-wrapper-description .product-name {
  margin-bottom: 5px;
  line-height: 1.2;
}

.merch-slider[data-merch="3393"] .footer-wrapper-description .product-sku {
  margin-top: 0;
  line-height: 1.2;
}

.merch-slider[data-merch="3393"] .footer-wrapper-description .brand-label a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.2;
}

.merch-slider[data-merch="3393"] .footer-wrapper-description {
  text-align: left;
}

#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(4) {
    display: none;
}

/* Target product image thumbnails in carousels */
.catalog-single .product-tile-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Limit image container height to prevent layout jump or warp */
.catalog-single .imgthumbnail {
  max-height: 160px; 
  overflow: hidden;
}

/* Target brand logo images */
.catalog-single .brand-label img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.catalog-single .brand-label {
  max-height: 70px;
  overflow: hidden;
}

/* Remove inventory message if product label 3073 */
body.ex-l-3073 #htmlcontent_165821 > div > div > div.custom-product-addtocart > div > div:nth-child(2) > div > span {
    display: none;
}
.label_3073 span.live-inventory-v2-shipping.text-danger.out-stock {
    display: none;
}

/* Display Product Links */
#htmlcontent_165821 > div > div > div.custom-product-summary > div > div.row.product-links-wrapper {
    display: block;
}


.product-links-wrapper a {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.icons-together {
  display: inline-flex;
  margin-right: 16px;
  order: -1;
}

.noprodutctfound .alert.alert-warning {
display: none;
}

body.ex-l-2955.ex-home section.zonetop > div:nth-child(2) > div > div > div > div > div {
    display: none;
}

/* =====================================================
   Account #8252 ONLY (account_id 3771777)
   Desired order:
   1) LIST PRICE (top)
   2) SAVE badge
   3) SELL PRICE (bottom)
   ===================================================== */

/* Make the wrapper a true vertical stack */
body.ex-a-3771777 .footer-wrapper-price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  width:100% !important;

  margin:0 0 12px 0 !important;
  padding:0 !important;

  float:none !important;
  position:static !important;
}

/* Force blocks inside to participate normally */
body.ex-a-3771777 .footer-wrapper-price > *{
  float:none !important;
  position:static !important;
}

/* --- Put RRP block FIRST --- */
body.ex-a-3771777 .footer-wrapper-price .rrp.live-pricing-fallback-option-evox{
  order:1 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  float:none !important;
}

/* LIST PRICE (top line) */
body.ex-a-3771777
.footer-wrapper-price
.rrp.live-pricing-fallback-option-evox > span{
  order:1 !important;

  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  font-size:18px !important;
  font-weight:700 !important;
  color:#d10000 !important;
  text-decoration:line-through !important;
  line-height:1.1 !important;
}

/* SAVE badge (second line) */
body.ex-a-3771777
.footer-wrapper-price
.rrp.live-pricing-fallback-option-evox .label.label-danger.save.with-value{
  order:2 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#ff5a5a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;

  padding:4px 10px !important;
  border-radius:4px !important;
  line-height:1 !important;

  margin:0 !important;
  position:static !important;
  float:none !important;
  white-space:nowrap !important;
  width:auto !important;
}

body.ex-a-3771777
.footer-wrapper-price
.label.label-danger.save.with-value i{
  font-style:normal !important;
  font-weight:700 !important;
  margin-right:2px !important;
  line-height:1 !important;
}

/* --- Put SELL PRICE block THIRD (bottom) --- */
body.ex-a-3771777 .footer-wrapper-price .price-area{
  order:3 !important;

  display:block !important;
  width:100% !important;

  margin:0 !important;
  padding:0 !important;

  clear:both !important;
  float:none !important;
  position:static !important;
}

/* Sell price styling */
body.ex-a-3771777 .footer-wrapper-price .price-area .price-label{
  font-size:26px !important;
  font-weight:800 !important;
  color:#00b050 !important;
  line-height:1.05 !important;
  margin:0 !important;
  display:inline-block !important;
}

/* /EA styling */
body.ex-a-3771777 .footer-wrapper-price .price-area .vac_single-uom{
  font-size:14px !important;
  font-weight:700 !important;
  color:#00b050 !important;
  margin-left:6px !important;
  display:inline-block !important;
  line-height:1.05 !important;
}

/* FORCE sell price to always sit UNDER save badge */
body.ex-a-3771777 .footer-wrapper-price .price-area{
  order: 3 !important;

  display: block !important;
  width: 100% !important;

  margin-top: 6px !important;   /* creates vertical separation */
  margin-bottom: 0 !important;

  clear: both !important;       /* kills inline/float bleed */
  float: none !important;
}

/* Ensure price itself is block-level */
body.ex-a-3771777
.footer-wrapper-price
.price-area
.price-label{
  display: block !important;
}

/* Keep /EA aligned but still below badge */
body.ex-a-3771777
.footer-wrapper-price
.price-area
.vac_single-uom{
  display: inline-block !important;
}

/* =====================================================
   HARD OVERRIDE: force SELL PRICE under SAVE badge
   Account #8252 ONLY (account_id 3771777)
   ===================================================== */

/* Wrapper must allow wrapping */
body.ex-a-3771777 .footer-wrapper-price{
  display:flex !important;
  flex-wrap:wrap !important;              /* key */
  flex-direction:row !important;          /* we’ll force breaks via 100% rows */
  align-items:flex-start !important;
  width:100% !important;
  gap:6px !important;
}

/* Make BOTH blocks full-width rows */
body.ex-a-3771777 .footer-wrapper-price .rrp.live-pricing-fallback-option-evox,
body.ex-a-3771777 .footer-wrapper-price .price-area{
  flex:0 0 100% !important;               /* key: forces new line */
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  position:static !important;
}

/* Stack inside RRP: list price then save badge */
body.ex-a-3771777 .footer-wrapper-price .rrp.live-pricing-fallback-option-evox{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}

/* LIST PRICE */
body.ex-a-3771777 .footer-wrapper-price .rrp.live-pricing-fallback-option-evox > span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#d10000 !important;
  text-decoration:line-through !important;
  line-height:1.1 !important;
}

/* SAVE badge */
body.ex-a-3771777 .footer-wrapper-price .label.label-danger.save.with-value{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ff5a5a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:4px 10px !important;
  border-radius:4px !important;
  line-height:1 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* SELL PRICE block (now guaranteed to be UNDER the badge) */
body.ex-a-3771777 .footer-wrapper-price .price-area{
  margin-top:0 !important;                /* gap already controls spacing */
  padding:0 !important;
  display:block !important;
}

/* Green price */
body.ex-a-3771777 .footer-wrapper-price .price-area .price-label{
  font-size:26px !important;
  font-weight:800 !important;
  color:#00b050 !important;
  line-height:1.05 !important;
  margin:0 !important;
  display:inline-block !important;
}

/* /EA */
body.ex-a-3771777 .footer-wrapper-price .price-area .vac_single-uom{
  font-size:14px !important;
  font-weight:700 !important;
  color:#00b050 !important;
  margin-left:6px !important;
  display:inline-block !important;
}
/* =====================================================
   Broaden selectors so it hits both product templates
   Account #8252 ONLY
   ===================================================== */

/* 1) Price wrapper: catch footer-wrapper-price OR other common wrappers */
body.ex-a-3771777 .footer-wrapper-price,
body.ex-a-3771777 .footer-wrapper .footer-wrapper-price,
body.ex-a-3771777 .product-footer .footer-wrapper-price,
body.ex-a-3771777 .product-card .footer-wrapper-price{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:6px !important;
  width:100% !important;
}

/* 2) Force list/savings block + sell price block to be full width (row breaks) */
body.ex-a-3771777 .footer-wrapper-price .rrp,
body.ex-a-3771777 .footer-wrapper-price .price-area{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}

/* 3) Stack list price + badge inside ANY .rrp */
body.ex-a-3771777 .footer-wrapper-price .rrp{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
}

/* 4) List price style (more general) */
body.ex-a-3771777 .footer-wrapper-price .rrp > span{
  display:block !important;
  margin:0 !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#d10000 !important;
  text-decoration:line-through !important;
}

/* 5) Savings badge (more general) */
body.ex-a-3771777 .footer-wrapper-price .label.label-danger.save{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ff5a5a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:4px 10px !important;
  border-radius:4px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* 6) Sell price styles */
body.ex-a-3771777 .footer-wrapper-price .price-area .price-label{
  font-size:26px !important;
  font-weight:800 !important;
  color:#00b050 !important;
  line-height:1.05 !important;
}
body.ex-a-3771777 .footer-wrapper-price .price-area .vac_single-uom{
  font-size:14px !important;
  font-weight:700 !important;
  color:#00b050 !important;
  margin-left:6px !important;
}

/* 7) Fix the qty/cart gap broadly */
body.ex-a-3771777 .buttons.group{
  height:auto !important;
  margin-top:4px !important;
  padding-top:0 !important;
}

/* =====================================================
   UNIVERSAL ITEM TILE OVERRIDES (Account #8252 ONLY)
   Applies across mixed EvoX templates
   Order:
   1) List price
   2) Save badge
   3) Sell price (below badge)
   Then tighten space above qty/cart
   ===================================================== */

body.ex-a-3771777 :is(.rrp, .price-area, .buttons.group, .live-inventory-v2-add-to-cart-wrapper, .qty-list){
  float: none !important;
  position: static !important;
}

/* ---------- PRICE STACK (works even when parent is flex/inline layouts) ---------- */

/* Force list-price block + sell-price block to behave like full-width rows in flex templates */
body.ex-a-3771777 .rrp,
body.ex-a-3771777 .price-area{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  /* If their parent is flex, this forces them onto new lines */
  flex: 0 0 100% !important;
}

/* Make the RRP itself a vertical stack (list price then badge) */
body.ex-a-3771777 .rrp{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* LIST PRICE (red + strikethrough) — keep it robust */
body.ex-a-3771777 .rrp > span{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 18px !important;
  font-weight: 700 !important;
  color: #d10000 !important;
  text-decoration: line-through !important;
  line-height: 1.1 !important;
}

/* SAVE BADGE (covers with-value and non-with-value variants) */
body.ex-a-3771777 :is(.label.label-danger.save, .label.label-danger.save.with-value){
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;

  background: #ff5a5a !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
  width: auto !important;
}

/* The % number in your <i> tag */
body.ex-a-3771777 :is(.label.label-danger.save, .label.label-danger.save.with-value) i{
  font-style: normal !important;
  font-weight: 700 !important;
  margin-right: 2px !important;
  line-height: 1 !important;
}

/* SELL PRICE (green) — guaranteed below badge because it’s 100% width row */
body.ex-a-3771777 .price-area{
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
}

body.ex-a-3771777 .price-area .price-label{
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #00b050 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  display: inline-block !important;
}

body.ex-a-3771777 .price-area .vac_single-uom{
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #00b050 !important;
  margin-left: 6px !important;
  display: inline-block !important;
  line-height: 1.05 !important;
}

/* ---------- REMOVE THE BIG GAP ABOVE QTY/CART ---------- */

/* This overrides inline height="85px" style because !important beats inline */
body.ex-a-3771777 .buttons.group{
  height: auto !important;
  margin-top: 6px !important;   /* tighten spacing under price */
  padding-top: 0 !important;
}

/* If some templates use different wrappers, tighten common elements too */
body.ex-a-3771777 .qty-list{
  margin-top: 0 !important;
}

body.ex-a-3771777 .live-inventory-v2-add-to-cart-wrapper{
  margin-top: 6px !important;
}

/* Some cards add extra top margin on the button itself */
body.ex-a-3771777 .btn-add-to-cart{
  margin-top: 0 !important;
}

/* =====================================================
   ACCOUNT #8252 ONLY (ex-a-3771777)
   Universal price stack for markup:
   .rrp > span contains "LIST PRICE $X.XX"
   .rrp .label.save
   .price-area contains sell price
   + tighten gap above qty/cart
   ===================================================== */

/* --- Force price blocks to behave like stacked rows everywhere --- */
body.ex-a-3771777 .rrp,
body.ex-a-3771777 .price-area{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;      /* if parent is flex, this forces a new line */
  float:none !important;
  position:static !important;
}

/* Stack list price + save badge inside the rrp container */
body.ex-a-3771777 .rrp{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}

/* LIST PRICE line (styles the whole text; cannot remove words without HTML changes) */
body.ex-a-3771777 .rrp > span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;

  font-size:18px !important;
  font-weight:700 !important;
  color:#d10000 !important;
  text-decoration:line-through !important;
  line-height:1.1 !important;
}

/* SAVE badge */
body.ex-a-3771777 .rrp .label.label-danger.save{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:4px 10px !important;
  border-radius:4px !important;

  background:#ff5a5a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;

  white-space:nowrap !important;
  width:auto !important;

  float:none !important;
  position:static !important;
  visibility:visible !important;
}

body.ex-a-3771777 .rrp .label.label-danger.save i{
  font-style:normal !important;
  font-weight:700 !important;
  margin-right:2px !important;
  line-height:1 !important;
}

/* SELL PRICE underneath badge */
body.ex-a-3771777 .price-area{
  margin-top:6px !important;
  padding:0 !important;
}

body.ex-a-3771777 .price-area .price-label{
  font-size:26px !important;
  font-weight:800 !important;
  color:#00b050 !important;
  line-height:1.05 !important;
  margin:0 !important;
  display:inline-block !important;
}

body.ex-a-3771777 .price-area .vac_single-uom{
  font-size:14px !important;
  font-weight:700 !important;
  color:#00b050 !important;
  margin-left:6px !important;
  display:inline-block !important;
  line-height:1.05 !important;
}

/* --- Tighten spacing above qty + button --- */
/* This beats inline style="height: 85px" */
body.ex-a-3771777 .buttons.group{
  height:auto !important;
  margin-top:6px !important;
  padding-top:0 !important;
}

body.ex-a-3771777 .qty-list{
  margin-top:0 !important;
}

body.ex-a-3771777 .live-inventory-v2-add-to-cart-wrapper{
  margin-top:6px !important;
}

body.ex-a-3771777 .btn-add-to-cart{
  margin-top:0 !important;
}

/* =====================================================
   Account #8252 ONLY (ex-a-3771777)
   Force EVERY tile to show:
   1) LIST PRICE
   2) SAVE badge
   3) SELL PRICE + UOM
   ===================================================== */

body.ex-a-3771777 .footer-wrapper-price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  width:100% !important;

  float:none !important;
  position:static !important;
}

/* --- 1) LIST PRICE block first --- */
body.ex-a-3771777 .footer-wrapper-price .rrp{
  order:1 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  float:none !important;
  position:static !important;
}

/* List price text */
body.ex-a-3771777 .footer-wrapper-price .rrp > span{
  margin:0 !important;
  padding:0 !important;
  display:block !important;

  font-size:18px !important;
  font-weight:700 !important;
  color:#d10000 !important;
  text-decoration:line-through !important;
  line-height:1.1 !important;
}

/* Save badge */
body.ex-a-3771777 .footer-wrapper-price .rrp .label.label-danger.save{
  order:2 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:4px 10px !important;
  border-radius:4px !important;

  background:#ff5a5a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;

  white-space:nowrap !important;
  width:auto !important;

  float:none !important;
  position:static !important;
  visibility:visible !important;
}

body.ex-a-3771777 .footer-wrapper-price .rrp .label.label-danger.save i{
  font-style:normal !important;
  font-weight:700 !important;
  margin-right:2px !important;
  line-height:1 !important;
}

/* --- 2) SELL PRICE next --- */
/* Some templates use .price-area .price-label, others use .footer-wrapper-price > .price-label */
body.ex-a-3771777 .footer-wrapper-price .price-area,
body.ex-a-3771777 .footer-wrapper-price > .price-label{
  order:3 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  float:none !important;
  position:static !important;
}

/* Style the sell price whether it’s inside price-area or directly inside footer-wrapper-price */
body.ex-a-3771777 .footer-wrapper-price .price-area .price-label,
body.ex-a-3771777 .footer-wrapper-price > .price-label{
  font-size:26px !important;
  font-weight:800 !important;
  color:#00b050 !important;
  line-height:1.05 !important;
  margin:0 !important;
  display:inline-block !important;
}

/* --- 3) UOM directly after price --- */
/* Your template uses: <span class="uom"> <span class="uomvalue">/ ST</span> ... */
body.ex-a-3771777 .footer-wrapper-price .uom,
body.ex-a-3771777 .footer-wrapper-price .vac_single-uom{
  order:4 !important;

  font-size:14px !important;
  font-weight:700 !important;
  color:#00b050 !important;
  margin-left:6px !important;

  display:inline-block !important;
  line-height:1.05 !important;
}

/* If the uom is on its own line in some tiles, keep it beside price */
body.ex-a-3771777 .footer-wrapper-price{
  /* makes inline bits wrap nicely */
  flex-wrap:wrap !important;
}
body.ex-a-3771777 .footer-wrapper-price > .price-label{
  flex:0 0 auto !important;
}
body.ex-a-3771777 .footer-wrapper-price .uom{
  flex:0 0 auto !important;
}

/* --- Tighten gap above qty/cart everywhere --- */
/* overrides inline height="85px" */
body.ex-a-3771777 .buttons.group{
  height:auto !important;
  margin-top:6px !important;
  padding-top:0 !important;
}
body.ex-a-3771777 .qty-list{ margin-top:0 !important; }
body.ex-a-3771777 .live-inventory-v2-add-to-cart-wrapper{ margin-top:6px !important; }
body.ex-a-3771777 .btn-add-to-cart{ margin-top:0 !important; 
}

/* Add space between SAVE and the percentage */
body.ex-a-3771777 .label.label-danger.save.with-value i{
  margin-left: 4px !important;   /* creates "SAVE 65%" */
}