/* ========================================================================== 
   UPS Battery Shop — Brand Harmony v1.0.5
   Palette tuned from the supplied reference:
   #F8DD1B #F5CE0D #DDAC0D #121519 #121519 #2E3137 #86898B

   Design rule:
   - Use fewer pure-white surfaces.
   - Keep the page predominantly light and warm, not dark.
   - Yellow / gold always carries dark text.
   - Graphite surfaces always carry light warm text.
   ========================================================================== */
body.public.ups-v8{
  /* Reference palette */
  --ups-yellow:#F8DD1B;
  --ups-yellow-deep:#F5CE0D;
  --ups-gold:#DDAC0D;
  --ups-black:#121519;
  --ups-graphite:#121519;
  --ups-slate:#2E3137;
  --ups-gray:#86898B;

  /* Light surfaces derived from the reference palette, avoiding stark white */
  --ups-canvas:#EAE7DE;
  --ups-surface:#F3F0E4;
  --ups-surface-2:#ECE8DC;
  --ups-surface-3:#E2DED3;
  --ups-yellow-soft:#F4E7A7;
  --ups-yellow-mist:#F2EBC9;
  --ups-gold-soft:#E6D89A;
  --ups-line:#C8C5BC;
  --ups-line-strong:#A9A79F;
  --ups-text:#121519;
  --ups-text-2:#2E3137;
  --ups-text-3:#5F6267;

  /* Legacy aliases so older components inherit the same palette. */
  --brand:var(--ups-black);
  --brand-strong:var(--ups-black);
  --brand-deep:var(--ups-black);
  --brand-navy:var(--ups-black);
  --brand-steel:var(--ups-yellow);
  --brand-ice:var(--ups-yellow-soft);
  --brand-amber:var(--ups-gold);
  --brand-white:var(--ups-surface);
  --brand-soft:var(--ups-surface-2);
  --brand-mist:var(--ups-yellow-mist);
  --brand-line:var(--ups-line);
  --accent:var(--ups-yellow);
  --accent-soft:var(--ups-yellow-soft);
  --accent-strong:var(--ups-gold);
  --ink:var(--ups-black);
  --ink-soft:var(--ups-slate);
  --ink-mute:var(--ups-text-3);
  --surface:var(--ups-surface);
  --surface-alt:var(--ups-surface-2);
  --line:var(--ups-line);
  --line-strong:var(--ups-line-strong);

  color:var(--ups-text);
  background:
    radial-gradient(54rem 34rem at 104% 6%,rgba(248,221,27,.15),transparent 68%),
    radial-gradient(46rem 34rem at -8% 50%,rgba(134,137,139,.12),transparent 70%),
    linear-gradient(180deg,#EFECE3 0%,#EAE7DE 45%,#E4E1D8 100%);
}

/* ---------- Global surfaces & typography -------------------------------- */
body.public.ups-v8 :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--ups-black)}
body.public.ups-v8 :where(p,li,dd,.section-sub,.section-note){color:var(--ups-text-2)}
body.public.ups-v8 :where(.muted,.subtle,.hint,.meta){color:var(--ups-text-3)}
body.public.ups-v8 hr{border-color:var(--ups-line)}
body.public.ups-v8 ::selection{background:var(--ups-yellow);color:var(--ups-black)}

/* ---------- Header ------------------------------------------------------- */
body.public.ups-v8 .ups-header,
body.public.ups-v8 .upgraded-header{
  background:rgba(236,232,220,.96);
  border-bottom-color:var(--ups-line);
  box-shadow:0 10px 28px rgba(18,21,25,.07);
}
body.public.ups-v8 .ups-header.is-scrolled,
body.public.ups-v8 .upgraded-header.is-scrolled{
  background:rgba(243,240,228,.97);
  box-shadow:0 16px 42px rgba(18,21,25,.12);
}
body.public.ups-v8 .ups-logo-mark{
  background:linear-gradient(145deg,var(--ups-yellow),var(--ups-yellow-deep));
  color:var(--ups-black);
  box-shadow:inset 0 0 0 1px rgba(18,21,25,.14),0 10px 24px rgba(221,172,13,.22);
}
body.public.ups-v8 .ups-search,
body.public.ups-v8 .search-box{
  background:var(--ups-surface-3);
  border-color:var(--ups-line-strong);
}
body.public.ups-v8 .ups-search:focus-within,
body.public.ups-v8 .search-box:focus-within{
  background:var(--ups-surface);
  border-color:var(--ups-gold);
  box-shadow:0 0 0 4px rgba(248,221,27,.20);
}
body.public.ups-v8 .ups-search button{
  background:var(--ups-graphite);
  color:#F7F4E8;
}
body.public.ups-v8 .ups-search button:hover{background:var(--ups-black);color:#F8DD1B}
body.public.ups-v8 .ups-nav-main>a,
body.public.ups-v8 .ups-dd>summary{color:var(--ups-slate)}
body.public.ups-v8 .ups-nav-main>a:hover,
body.public.ups-v8 .ups-dd>summary:hover,
body.public.ups-v8 .ups-dd[open]>summary,
body.public.ups-v8 .ups-dd[data-current="true"]>summary{
  background:var(--ups-yellow-soft);
  color:var(--ups-black);
}
body.public.ups-v8 .ups-dd[data-current="true"]>summary{box-shadow:inset 0 -2px 0 var(--ups-gold)}
body.public.ups-v8 .ups-dd-panel{
  background:var(--ups-surface);
  border-color:var(--ups-line);
  box-shadow:0 22px 55px rgba(18,21,25,.16);
}
body.public.ups-v8 .ups-nav-advisor{
  background:var(--ups-yellow);
  color:var(--ups-black);
  border:1px solid var(--ups-gold);
}
body.public.ups-v8 .ups-nav-advisor:hover{background:var(--ups-yellow-deep);color:var(--ups-black)}

/* ---------- Hero --------------------------------------------------------- */
body.public.ups-v8 .ups-hero,
body.public.ups-v8 .wp-hero-grid{
  background:
    radial-gradient(58% 84% at 18% 26%,rgba(248,221,27,.28),transparent 68%),
    radial-gradient(46% 64% at 88% 10%,rgba(134,137,139,.14),transparent 70%),
    linear-gradient(180deg,#EEEBDD 0%,#F0E8B5 64%,#E7D66F 100%);
}
body.public.ups-v8 .ups-hero::after{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 48c180-34 360-34 540 0s360 34 540 0 270-30 360-12V90H0Z' fill='%23EAE7DE'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
}
body.public.ups-v8 .ups-kicker,
body.public.ups-v8 .wp-eyebrow{
  background:rgba(243,240,228,.84);
  border-color:var(--ups-line-strong);
  color:var(--ups-slate);
}
body.public.ups-v8 .ups-lead,
body.public.ups-v8 .ups-hero-marks{color:var(--ups-slate)}
body.public.ups-v8 .ups-load,
body.public.ups-v8 .wp-float-note{
  background:rgba(243,240,228,.92);
  border-color:var(--ups-line);
  box-shadow:0 36px 76px -44px rgba(18,21,25,.50),0 0 0 1px rgba(221,172,13,.08);
}

/* ---------- Buttons / CTA ------------------------------------------------ */
body.public.ups-v8 .ups-btn-accent,
body.public.ups-v8 main .button.accent,
body.public.ups-v8 .rich-footer .footer-topline a,
body.public.ups-v8 .ups-cart span{
  background:linear-gradient(135deg,var(--ups-yellow),var(--ups-yellow-deep));
  border-color:var(--ups-gold);
  color:var(--ups-black);
  box-shadow:0 10px 24px rgba(221,172,13,.18);
}
body.public.ups-v8 .ups-btn-accent:hover,
body.public.ups-v8 main .button.accent:hover,
body.public.ups-v8 .rich-footer .footer-topline a:hover{
  background:var(--ups-gold);
  border-color:var(--ups-gold);
  color:var(--ups-black);
}
body.public.ups-v8 .ups-btn-solid,
body.public.ups-v8 main .button.primary,
body.public.ups-v8 .footer-supplier-cta .cta-band>.button{
  background:var(--ups-graphite);
  border-color:var(--ups-graphite);
  color:#F3F0E4;
}
body.public.ups-v8 .ups-btn-solid:hover,
body.public.ups-v8 main .button.primary:hover,
body.public.ups-v8 .footer-supplier-cta .cta-band>.button:hover{
  background:var(--ups-black);
  border-color:var(--ups-black);
  color:var(--ups-yellow);
}
body.public.ups-v8 .button.outline,
body.public.ups-v8 .ups-btn-line{
  background:var(--ups-surface-2);
  border-color:var(--ups-line-strong);
  color:var(--ups-black);
}
body.public.ups-v8 .button.outline:hover,
body.public.ups-v8 .ups-btn-line:hover{
  background:var(--ups-yellow-soft);
  border-color:var(--ups-gold);
  color:var(--ups-black);
}

/* ---------- Light section rhythm: fewer white blocks -------------------- */
body.public.ups-v8 .home-sections>section:not(.advisor-band),
body.public.ups-v8 .ups-section{background:transparent}
body.public.ups-v8 .home-sections>section:nth-of-type(odd):not(.advisor-band),
body.public.ups-v8 .ups-section:nth-of-type(odd){--section-tint:var(--ups-surface-2)}
body.public.ups-v8 .home-sections>section:nth-of-type(even):not(.advisor-band),
body.public.ups-v8 .ups-section:nth-of-type(even){--section-tint:var(--ups-yellow-mist)}

body.public.ups-v8 .cat-grid::before,
body.public.ups-v8 .svc-grid::before{
  border-color:rgba(221,172,13,.28);
  background:linear-gradient(145deg,rgba(243,240,228,.78),rgba(244,231,167,.32));
}

/* ---------- Cards -------------------------------------------------------- */
body.public.ups-v8 :where(.ups-strip,.ups-load,.ups-pc,.product-card,.category-card,.brand-card,.article-card,.city-card,.panel,.card,.p-card,.cat-card,.post-card,.ugc-item,.cart-items,.cart-summary,.checkout-form,.checkout-summary,.wizard,.track-card,.thanks-card){
  background:var(--ups-surface);
  border-color:var(--ups-line);
}
body.public.ups-v8 :where(.ups-strip,.ups-pc,.product-card,.category-card,.brand-card,.article-card,.city-card,.panel,.card,.p-card,.cat-card,.post-card,.ugc-item){
  box-shadow:0 16px 38px rgba(18,21,25,.09);
}
body.public.ups-v8 :where(.ups-pc,.product-card,.p-card,.cat-card,.post-card,.ugc-item):hover{
  border-color:rgba(221,172,13,.72);
  box-shadow:0 26px 58px rgba(18,21,25,.15);
}
body.public.ups-v8 .quick-card{
  background:
    radial-gradient(circle at var(--mx,84%) var(--my,15%),rgba(248,221,27,.18),transparent 40%),
    linear-gradient(145deg,var(--ups-surface),var(--ups-surface-2));
  border-color:var(--ups-line);
  box-shadow:0 16px 38px rgba(18,21,25,.09);
}
body.public.ups-v8 .quick-card:nth-child(4n+3){
  background:linear-gradient(145deg,var(--ups-slate),var(--ups-graphite));
  color:#F1EEE4;
  border-color:var(--ups-graphite);
}
body.public.ups-v8 .quick-card:nth-child(4n+3) :is(h2,h3,h4,p,a,span,strong){color:inherit}
body.public.ups-v8 .quick-card:nth-child(4n+3)::before{background:var(--ups-yellow)}
body.public.ups-v8 .cat-card{
  background:
    radial-gradient(circle at var(--mx,72%) var(--my,18%),rgba(248,221,27,.17),transparent 44%),
    linear-gradient(150deg,var(--ups-surface),var(--ups-yellow-mist));
}
body.public.ups-v8 .p-card{
  background:linear-gradient(160deg,var(--ups-surface) 0 72%,var(--ups-yellow-mist) 100%);
}
body.public.ups-v8 .p-cover{
  background:radial-gradient(circle at var(--mx,50%) var(--my,42%),#F3F0E4,#ECE8DC 56%,#E4D78E 100%);
  border-color:var(--ups-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40),inset 0 -24px 48px rgba(221,172,13,.08);
}
body.public.ups-v8 .p-off,
body.public.ups-v8 .ups-pc-off{background:var(--ups-yellow);color:var(--ups-black)}
body.public.ups-v8 .price-now{background:linear-gradient(90deg,var(--ups-black),var(--ups-gold));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Product-card details ---------------------------------------- */
body.public.ups-v8 .ups-strip-icon,
body.public.ups-v8 .ups-load-icon{
  background:var(--ups-yellow-soft);
  color:var(--ups-slate);
}
body.public.ups-v8 .ups-strip-item:hover .ups-strip-icon{background:var(--ups-yellow);color:var(--ups-black)}
body.public.ups-v8 .ups-pc h3 a:hover{color:#8E6E00}
body.public.ups-v8 .ups-pc-specs li{color:var(--ups-text-3)}
body.public.ups-v8 .ups-pc-specs svg{color:var(--ups-gold)}
body.public.ups-v8 .ups-pc-rate{background:var(--ups-yellow-soft);color:var(--ups-black)}
body.public.ups-v8 .ups-pc-rate small{color:var(--ups-slate)}
body.public.ups-v8 .ups-pc-rate.is-new{background:var(--ups-surface-3);color:var(--ups-slate)}
body.public.ups-v8 .ups-pc-specs li,
body.public.ups-v8 .ups-pc-assurance{
  border-color:var(--ups-line);
  background:var(--ups-surface-2);
  color:var(--ups-slate);
}
body.public.ups-v8 .ups-pc-price s{color:#74777B}
body.public.ups-v8 .ups-pc-price em{color:#8C6D00}
body.public.ups-v8 .ups-pc-add{background:var(--ups-graphite);color:#F3F0E4}
body.public.ups-v8 .ups-pc-add:hover{
  background:linear-gradient(135deg,var(--ups-yellow),var(--ups-yellow-deep));
  color:var(--ups-black);
  box-shadow:0 14px 24px -12px rgba(221,172,13,.65);
}
body.public.ups-v8 .ups-pc-add:disabled{background:#B9B8B3;color:#2E3137}

/* ---------- Services: one controlled dark card, others light ----------- */
body.public.ups-v8 .svc-card,
body.public.ups-v8 .service-card{
  background:
    radial-gradient(circle at 90% 4%,rgba(248,221,27,.16),transparent 38%),
    linear-gradient(150deg,var(--ups-surface),var(--ups-surface-2));
  border-color:var(--ups-line);
}
body.public.ups-v8 .svc-card:nth-child(3n+2){
  color:#F1EEE4;
  border-color:var(--ups-slate);
  background:
    radial-gradient(circle at 85% 5%,rgba(248,221,27,.18),transparent 42%),
    linear-gradient(150deg,var(--ups-slate),var(--ups-graphite));
  box-shadow:0 24px 52px rgba(18,21,25,.25);
}
body.public.ups-v8 .svc-card:nth-child(3n+2) :is(h3,p,a,span,strong){color:inherit}
body.public.ups-v8 .svc-card:nth-child(3n+2) .button{border-color:rgba(248,221,27,.46);background:rgba(248,221,27,.10);color:#F8DD1B}
body.public.ups-v8 .service-mark{background:linear-gradient(145deg,var(--ups-yellow),var(--ups-gold));color:var(--ups-black)}

/* ---------- Advisor: dark signature scene, limited to one section ------- */
body.public.ups-v8 .advisor-band{
  color:#F1EEE4;
  border-color:#4C4F54;
  background:
    linear-gradient(115deg,var(--ups-black) 0 54%,var(--ups-graphite) 54% 76%,var(--ups-slate) 100%);
  box-shadow:0 42px 96px rgba(18,21,25,.32),inset 0 1px 0 rgba(248,221,27,.09);
}
body.public.ups-v8 .advisor-band :is(h2,h3,h4,strong){color:#F8DD1B}
body.public.ups-v8 .advisor-band :is(p,li,small,span,label){color:#E2DED3}
body.public.ups-v8 .advisor-band::before{
  background:
    radial-gradient(420px 290px at 84% 24%,rgba(248,221,27,.18),transparent 68%),
    linear-gradient(120deg,transparent 0 58%,rgba(221,172,13,.10) 58% 59%,transparent 59% 100%);
}
body.public.ups-v8 .advisor-band::after{border-color:rgba(248,221,27,.26);box-shadow:0 0 0 34px rgba(248,221,27,.06),0 0 0 68px rgba(221,172,13,.04)}
body.public.ups-v8 .load-scale{border-color:rgba(248,221,27,.24);background:rgba(243,240,228,.06)}

/* ---------- Brand strip / editorial ------------------------------------- */
body.public.ups-v8 .brand-row{
  border-color:var(--ups-line);
  background:linear-gradient(100deg,var(--ups-surface-2),var(--ups-yellow-mist),var(--ups-surface-2));
  box-shadow:0 16px 42px rgba(18,21,25,.08);
}
body.public.ups-v8 .brand-row::after{background:linear-gradient(90deg,transparent,rgba(248,221,27,.25),transparent)}
body.public.ups-v8 .brand-chip{background:rgba(243,240,228,.78);border-color:var(--ups-line)}

/* ---------- Forms / checkout -------------------------------------------- */
body.public.ups-v8 :is(.cart-items,.cart-summary,.checkout-form,.checkout-summary,.wizard,.track-card,.thanks-card){
  background:
    radial-gradient(circle at 100% 0,rgba(248,221,27,.11),transparent 32%),
    linear-gradient(150deg,var(--ups-surface),var(--ups-surface-2));
  border-color:var(--ups-line);
  box-shadow:0 20px 50px rgba(18,21,25,.10);
}
body.public.ups-v8 :is(input,select,textarea){
  background:var(--ups-surface-2);
  color:var(--ups-black);
  border-color:var(--ups-line-strong);
}
body.public.ups-v8 :is(input,select,textarea)::placeholder{color:#73767B}
body.public.ups-v8 :is(input,select,textarea):focus{
  background:var(--ups-surface);
  border-color:var(--ups-gold)!important;
  box-shadow:0 0 0 4px rgba(248,221,27,.20)!important;
}
body.public.ups-v8 .ups-load-city select{background-color:var(--ups-surface-2);border-color:var(--ups-line-strong);color:var(--ups-black)}
body.public.ups-v8 input[type="range"]{accent-color:var(--ups-gold)}

/* ---------- Chips & statuses -------------------------------------------- */
body.public.ups-v8 .badge:not(.danger):not(.success):not(.warning),
body.public.ups-v8 .chip:not(.danger):not(.success):not(.warning){
  background:var(--ups-yellow-soft);
  border-color:var(--ups-gold);
  color:var(--ups-black);
}
body.public.ups-v8 .ups-pc-tag.is-ready{background:#DDE7D2;color:#29462E}
body.public.ups-v8 .ups-meter-scale{color:var(--ups-text-3)}
body.public.ups-v8 .ups-load-note{color:var(--ups-slate)}

/* ---------- Footer ------------------------------------------------------- */
body.public.ups-v8 .rich-footer{
  color:#ECE8DC;
  background:
    radial-gradient(760px 430px at 88% 0,rgba(248,221,27,.12),transparent 70%),
    radial-gradient(480px 330px at 9% 110%,rgba(221,172,13,.08),transparent 70%),
    linear-gradient(155deg,var(--ups-graphite),var(--ups-black) 64%,#121519 100%);
}
body.public.ups-v8 .rich-footer::before{
  opacity:.38;
  background-image:
    linear-gradient(rgba(248,221,27,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,221,27,.06) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(248,221,27,.12) 0 1px,transparent 1.3px);
  background-size:48px 48px,48px 48px,24px 24px;
}
body.public.ups-v8 .rich-footer::after{border-top-color:rgba(248,221,27,.38);box-shadow:0 -8px 40px rgba(221,172,13,.16)}
body.public.ups-v8 .rich-footer .brand small,
body.public.ups-v8 .rich-footer .footer-brand p,
body.public.ups-v8 .rich-footer .footer-column a,
body.public.ups-v8 .rich-footer .footer-contact p,
body.public.ups-v8 .rich-footer .footer-bottom small,
body.public.ups-v8 .rich-footer .footer-bottom nav a{color:#C9C7C0}
body.public.ups-v8 .rich-footer .footer-column a:hover,
body.public.ups-v8 .rich-footer .footer-bottom nav a:hover{color:var(--ups-yellow)}
body.public.ups-v8 .rich-footer .footer-cities a{
  background:rgba(248,221,27,.08);
  border:1px solid rgba(248,221,27,.16);
  color:#E5E2D8;
}
body.public.ups-v8 .rich-footer .footer-cities a:hover{background:rgba(248,221,27,.17);color:#F8DD1B}
body.public.ups-v8 .rich-footer .footer-chat{background:var(--ups-yellow);border-color:var(--ups-gold);color:var(--ups-black)}
body.public.ups-v8 .footer-phone{color:#F3F0E4}

/* ---------- Focus / accessibility --------------------------------------- */
body.public.ups-v8 :where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--ups-yellow);
  outline-offset:3px;
}
body.public.ups-v8 .rich-footer :where(a,button):focus-visible{outline-color:var(--ups-yellow)}

/* ---------- Mobile ------------------------------------------------------- */
@media (max-width:820px){
  body.public.ups-v8 .wp-hero-grid{
    background:linear-gradient(180deg,#EEEBDD 0 58%,#E4D78E 58% 100%);
  }
  body.public.ups-v8 .quick-card:nth-child(4n+3){background:linear-gradient(145deg,var(--ups-surface),var(--ups-surface-2));color:inherit;border-color:var(--ups-line)}
  body.public.ups-v8 .quick-card:nth-child(4n+3) :is(h2,h3,h4,p,a,span,strong){color:inherit}
  body.public.ups-v8 .svc-card:nth-child(3n+2){background:linear-gradient(150deg,var(--ups-surface),var(--ups-surface-2));color:inherit;border-color:var(--ups-line);box-shadow:0 18px 44px rgba(18,21,25,.10)}
  body.public.ups-v8 .svc-card:nth-child(3n+2) :is(h3,p,a,span,strong){color:inherit}
}
@media (max-width:760px){
  body.public.ups-v8{background-attachment:scroll}
  body.public.ups-v8 .ups-hero{background:linear-gradient(180deg,#EEEBDD 0%,#F0E8B5 72%,#E6D56E 100%)}
}
@media (max-width:560px){
  body.public.ups-v8{background:linear-gradient(180deg,#ECE9E0,#E5E2D9 55%,#ECE8DC)}
}

/* ========================================================================== 
   Cross-page compatibility layer
   Re-map older design tokens and remove large pure-white surfaces from shop,
   directory, supplier and service pages as well—not only the homepage.
   ========================================================================== */
body.public.ups-v8{
  --px-bg:var(--ups-canvas);
  --px-paper:var(--ups-surface);
  --px-paper-soft:var(--ups-surface-2);
  --px-ink:var(--ups-black);
  --px-ink-2:var(--ups-slate);
  --px-muted:var(--ups-text-3);
  --px-line:rgba(46,49,55,.14);
  --px-line-2:rgba(46,49,55,.22);
  --px-deep:var(--ups-black);
  --px-deep-2:var(--ups-graphite);
  --px-aqua:var(--ups-yellow);
  --px-aqua-2:var(--ups-yellow-deep);
  --px-aqua-soft:var(--ups-yellow-mist);
  --px-warm:var(--ups-gold);
  --px-warm-soft:var(--ups-gold-soft);

  --rf-bg:var(--ups-canvas);
  --rf-paper:var(--ups-surface);
  --rf-paper-2:var(--ups-surface-2);
  --rf-ink:var(--ups-black);
  --rf-muted:var(--ups-text-3);
  --rf-line:var(--ups-line);
  --rf-line-strong:var(--ups-line-strong);
  --rf-navy:var(--ups-black);
  --rf-navy-2:var(--ups-graphite);
  --rf-cyan:var(--ups-yellow);
  --rf-cyan-soft:var(--ups-yellow-mist);
  --rf-orange:var(--ups-gold);
  --rf-orange-soft:var(--ups-gold-soft);

  --ind-primary:var(--ups-black);
  --ind-primary-deep:var(--ups-black);
  --ind-primary-soft:var(--ups-yellow-mist);
  --ind-accent:var(--ups-yellow);
  --ind-accent-2:var(--ups-yellow-deep);
  --ind-accent-soft:var(--ups-yellow-soft);
  --ind-ink:var(--ups-black);
  --ind-muted:var(--ups-text-3);
  --ind-faint:var(--ups-gray);
  --ind-line:var(--ups-line);
  --ind-line-strong:var(--ups-line-strong);
  --ind-surface:var(--ups-canvas);
  --ind-card:var(--ups-surface);

  --aq:var(--ups-black);
  --aq-deep:var(--ups-black);
  --aq-mid:var(--ups-gold);
  --aq-bright:var(--ups-yellow);
  --aq-light:var(--ups-yellow-soft);
  --aq-soft:var(--ups-yellow-mist);
  --aq-soft-2:var(--ups-surface);
  --cta:var(--ups-yellow);
  --cta-2:var(--ups-yellow-deep);
  --cta-soft:var(--ups-yellow-soft);
  --card:var(--ups-surface);
}

/* Announcement + legacy header CTA */
body.public.ups-v8 .promo-bar{background:var(--ups-black);color:#DDDAD2}
body.public.ups-v8 .promo-bar b{color:var(--ups-yellow)}
body.public.ups-v8 .header-cta{
  background:linear-gradient(135deg,var(--ups-yellow),var(--ups-yellow-deep));
  color:var(--ups-black);
  box-shadow:0 10px 24px rgba(221,172,13,.20);
}
body.public.ups-v8 .header-cta:hover{color:var(--ups-black);background:var(--ups-gold)}

/* Main CTA band: graphite rather than old navy/blue. */
body.public.ups-v8 .cta-band{
  color:#F0EDE4;
  border:1px solid #2E3137;
  background:
    radial-gradient(420px 220px at 85% 0,rgba(248,221,27,.16),transparent 68%),
    linear-gradient(135deg,var(--ups-graphite),var(--ups-black));
  box-shadow:0 26px 60px rgba(18,21,25,.20);
}
body.public.ups-v8 .cta-band :is(h2,h3,strong){color:var(--ups-yellow)}
body.public.ups-v8 .cta-band :is(p,small,span){color:#DFDCD3}

/* FAQs, support widget and side cart */
body.public.ups-v8 .wp-faq details,
body.public.ups-v8 .support-panel,
body.public.ups-v8 .support-compose,
body.public.ups-v8 .side-cart,
body.public.ups-v8 .lead-popup .lp-card{
  background:var(--ups-surface);
  border-color:var(--ups-line);
}
body.public.ups-v8 .wp-faq summary::after{background:var(--ups-surface-3);border-color:var(--ups-line-strong);color:var(--ups-black)}

/* Shop listing / product / cart / checkout surfaces */
body.public.ups-v8 :where(
  .shop-side,.shop-toolbar,.shop-prose,.gallery-main,.thumb,.quick-specs>div,
  .buy-box,.p-jump,.p-section,.sticky-buy,.cart-row,.checkout-head,.co-step,
  .track-form,.quick-order-form,.shipping-option,.customer-stats article,
  .order-facts article,.customer-card
){
  background:var(--ups-surface);
  border-color:var(--ups-line);
}
body.public.ups-v8 .shop-pager a{background:var(--ups-surface-2);border-color:var(--ups-line);color:var(--ups-black)}
body.public.ups-v8 .shop-pager a:hover{background:var(--ups-yellow-soft);border-color:var(--ups-gold)}
body.public.ups-v8 .gallery-main{
  background:radial-gradient(circle at 50% 40%,var(--ups-surface),var(--ups-surface-3) 74%);
}
body.public.ups-v8 .thumb{background:var(--ups-surface-2)}
body.public.ups-v8 .compare-table tbody th{background:var(--ups-surface-2);color:var(--ups-slate)}
body.public.ups-v8 .shipping-option:has(input:checked){background:var(--ups-yellow-mist);border-color:var(--ups-gold);box-shadow:0 0 0 3px rgba(248,221,27,.15)}
body.public.ups-v8 .shipping-option input{accent-color:var(--ups-gold)}
body.public.ups-v8 .quick-order-form{background:var(--ups-surface)}
body.public.ups-v8 .qcs-fields input,
body.public.ups-v8 .qcs-fields select,
body.public.ups-v8 .qcs-fields textarea,
body.public.ups-v8 .qcs-coupon input,
body.public.ups-v8 .qcs-payment label{background:var(--ups-surface-2);border-color:var(--ups-line)}
body.public.ups-v8 .qcs-payment label:has(input:checked){background:var(--ups-yellow-mist);border-color:var(--ups-gold)}

/* Directory / supplier list */
body.public.ups-v8 .companies-directory :where(
  .directory-search,.directory-city-chip,.directory-filters,.directory-results-bar,
  .company-card,#guide,#methodology,#faq,#all-cities
){
  background:var(--ups-surface);
  border-color:var(--ups-line);
}
body.public.ups-v8 .companies-directory .directory-search,
body.public.ups-v8 .companies-directory .directory-results-bar{background:var(--ups-surface-2)}
body.public.ups-v8 .companies-directory .directory-filters input:not([type=hidden]),
body.public.ups-v8 .companies-directory .directory-filters select,
body.public.ups-v8 .companies-directory .directory-search input:not([type=hidden]),
body.public.ups-v8 .companies-directory .directory-search select{background:var(--ups-surface-2);border-color:var(--ups-line)}
body.public.ups-v8 .companies-directory .filter-more>summary,
body.public.ups-v8 .companies-directory .filter-actions{background:var(--ups-surface-2)}
body.public.ups-v8 .companies-directory .company-card.premium-card{
  border-color:rgba(221,172,13,.52);
  background:linear-gradient(90deg,var(--ups-yellow-mist),var(--ups-surface) 38%);
}
body.public.ups-v8 .companies-directory .avatar,
body.public.ups-v8 .companies-directory .tags>span,
body.public.ups-v8 .companies-directory .filter-chip{background:var(--ups-surface-3)}

/* Supplier / service / content detail pages */
body.public.ups-v8 :where(
  .trust-item,.step-card,.hero-search,.plant-note,.product-facts>div,.company-facts>div,
  .company-card,.company-hero,.company-hero-logo,.aside-card,.company-detail-section,
  .spec-table,.certificate-card,.project-card,.facility-card,.buyer-review,.lead-card,
  .repeat-item,.industry-page>.prose,.product-page>.prose,.service-page>.prose
){
  background:var(--ups-surface);
  border-color:var(--ups-line);
}
body.public.ups-v8 .certificate-card,
body.public.ups-v8 .facility-card{background:linear-gradient(150deg,var(--ups-surface),var(--ups-surface-2))}
body.public.ups-v8 .company-card.is-premium{border-color:rgba(221,172,13,.50);background:linear-gradient(180deg,var(--ups-yellow-mist),var(--ups-surface) 44%)}
body.public.ups-v8 .cc-logo img{background:var(--ups-surface-2)}

/* Older industrial hero, if visited, uses the same graphite/yellow identity. */
body.public.ups-v8 .industrial-hero{
  background:linear-gradient(165deg,var(--ups-black) 0%,var(--ups-graphite) 56%,var(--ups-slate) 100%);
}
body.public.ups-v8 .industrial-hero .hero-glow.one{background:rgba(248,221,27,.34)}
body.public.ups-v8 .industrial-hero .hero-glow.two{background:rgba(134,137,139,.28)}
body.public.ups-v8 .industrial-hero-copy .eyebrow{background:rgba(248,221,27,.09);border-color:rgba(248,221,27,.24);color:#EDEAE0}
body.public.ups-v8 .industrial-hero-copy .eyebrow span{background:var(--ups-yellow);box-shadow:0 0 0 4px rgba(248,221,27,.18)}

/* Avoid a visually sterile all-white article/table treatment. */
body.public.ups-v8 .article-body table,
body.public.ups-v8 .prose table{background:var(--ups-surface);border-color:var(--ups-line)}

/* ========================================================================== 
   UPS Battery Shop — Brand Harmony v1.0.5
   Lighting refinement + product-card color correction + no-blue public guard.
   ========================================================================== */
body.public.ups-v8{
  --ups-canvas:#E5E2D8;
  --ups-surface:#F0EBDD;
  --ups-surface-2:#E9E4D8;
  --ups-surface-3:#DDD8CC;
  --ups-yellow-soft:#F1E59A;
  --ups-yellow-mist:#EFE7BC;
  --ups-gold-soft:#E4D18A;
  --ups-line:#C9C4B6;
  --ups-line-strong:#AAA498;
  background-color:var(--ups-canvas)!important;
  background-image:
    radial-gradient(52rem 38rem at 8% 6%,rgba(248,221,27,.24),transparent 68%),
    radial-gradient(42rem 32rem at 92% 20%,rgba(221,172,13,.13),transparent 72%),
    radial-gradient(48rem 34rem at 48% 58%,rgba(243,240,228,.58),transparent 74%),
    radial-gradient(36rem 28rem at 16% 86%,rgba(134,137,139,.10),transparent 72%),
    linear-gradient(180deg,#ECE8DE 0%,#E5E2D8 48%,#E9E4D8 100%)!important;
  background-attachment:fixed;
}
body.public.ups-v8 main{background:transparent!important}
body.public.ups-v8 .home-sections{position:relative;isolation:isolate}
body.public.ups-v8 .home-sections::before{
  content:"";position:absolute;inset:-4rem -10vw;z-index:-1;pointer-events:none;
  background:
    radial-gradient(34rem 24rem at 85% 11%,rgba(248,221,27,.12),transparent 72%),
    radial-gradient(40rem 28rem at 6% 42%,rgba(243,240,228,.54),transparent 74%),
    radial-gradient(32rem 25rem at 76% 72%,rgba(221,172,13,.08),transparent 75%);
  filter:blur(2px);
}

/* Hero: MP4 sits behind all content as a restrained moving texture. */
body.public.ups-v8 .ups-hero{
  isolation:isolate;
  background:
    radial-gradient(62% 92% at 15% 18%,rgba(248,221,27,.30),transparent 68%),
    radial-gradient(48% 74% at 88% 12%,rgba(221,172,13,.13),transparent 72%),
    linear-gradient(180deg,rgba(238,234,221,.92) 0%,rgba(235,229,202,.90) 63%,rgba(229,219,159,.92) 100%)!important;
}
body.public.ups-v8 .ups-hero-media{
  position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  background:linear-gradient(115deg,#E8E4D9,#E4D99E 52%,#E6E1D5)!important;
}
body.public.ups-v8 .ups-hero-media .ups-hero-bg-video{
  display:block!important;position:absolute!important;inset:-5%!important;
  top:-5%!important;left:-5%!important;translate:none!important;transform:none!important;
  width:110%!important;height:110%!important;min-width:0!important;max-width:none!important;
  object-fit:cover!important;object-position:center!important;
  opacity:.27!important;mix-blend-mode:multiply!important;
  filter:grayscale(.88) sepia(.22) saturate(.78) contrast(1.10) brightness(1.08)!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
body.public.ups-v8 .ups-hero-video-wash{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(238,234,221,.69) 0%,rgba(238,234,221,.38) 44%,rgba(235,226,184,.54) 100%),
    radial-gradient(48% 82% at 72% 34%,rgba(248,221,27,.16),transparent 76%);
}
body.public.ups-v8 .ups-hero-light{z-index:1!important;opacity:.34!important;mix-blend-mode:screen}
body.public.ups-v8 .ups-hero-grid{position:relative;z-index:2!important}
body.public.ups-v8 .ups-hero::after{z-index:3!important}
body.public.ups-v8 .ups-load{
  background:linear-gradient(145deg,rgba(240,235,221,.94),rgba(232,226,210,.94))!important;
  border-color:rgba(170,164,152,.72)!important;
  box-shadow:0 28px 70px -38px rgba(18,21,25,.46),inset 0 1px 0 rgba(248,221,27,.16)!important;
  backdrop-filter:blur(14px) saturate(108%);
}
body.public.ups-v8 .ups-kicker{background:rgba(240,235,221,.82)!important;border-color:rgba(170,164,152,.66)!important}

/* Product-card specs: replace the flat beige slab with distinct, readable tones. */
body.public.ups-v8 .ups-pc-specs{gap:7px!important;align-items:stretch}
body.public.ups-v8 .ups-pc-specs li{
  min-height:34px;padding:6px 10px!important;border:1px solid #D1C9AE!important;border-radius:10px!important;
  background:linear-gradient(145deg,#F2EEE2,#E8E2D3)!important;
  color:#2E3137!important;font-weight:750!important;
  box-shadow:inset 0 1px 0 rgba(243,240,228,.72),0 4px 10px rgba(18,21,25,.035);
}
body.public.ups-v8 .ups-pc-specs li:first-child{
  background:linear-gradient(145deg,#F4E89A,#EAD36D)!important;
  border-color:#D6B83C!important;
}
body.public.ups-v8 .ups-pc-specs svg{color:#9A7600!important;stroke-width:1.9}
body.public.ups-v8 .ups-pc-assurance{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body.public.ups-v8 .ups-pc-assurance>span{
  justify-content:center;min-height:38px;padding:7px 9px!important;border-radius:11px!important;
  border:1px solid #D7C66C!important;
  background:linear-gradient(145deg,#F3E89F,#EAD56F)!important;
  color:#2E3137!important;font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(243,240,228,.58);
}
body.public.ups-v8 .ups-pc-assurance>span svg{color:#8F6E00!important}
body.public.ups-v8 .ups-pc-assurance>span.is-stock{
  border-color:#C7C8B8!important;
  background:linear-gradient(145deg,#E8E7DC,#DADCCF)!important;
  color:#315B42!important;
}
body.public.ups-v8 .ups-pc-assurance>span.is-stock svg{color:#315B42!important}
body.public.ups-v8 .ups-pc-assurance>span.is-out{
  border-color:#D7B8B1!important;background:#E9DDD7!important;color:#7B3A32!important;
}
body.public.ups-v8 .ups-pc-foot{border-top-color:#D6D0BE!important}
body.public.ups-v8 .p-card.ups-pc{
  background:
    radial-gradient(18rem 12rem at 86% 8%,rgba(248,221,27,.09),transparent 72%),
    linear-gradient(160deg,#F1EDDF 0 72%,#E9E1B9 100%)!important;
  border-color:#CFC9BA!important;
}
body.public.ups-v8 .ups-pc-media{background:linear-gradient(145deg,#F0ECE1,#E5E0D3)!important}
body.public.ups-v8 .ups-pc .p-cover{background:radial-gradient(circle at 50% 38%,#F4F0E5,#E8E2D5 62%,#DDCF8C 100%)!important}
body.public.ups-v8 .ups-pc-rate.is-new{background:#E1DDD2!important;color:#3F4247!important}

/* No-blue public guard: old variable names stay for compatibility, values do not. */
body.public.ups-v8{
  --ui-dark:#2E3137;--ui-mint:#E9E4D8;--ui-muted:#686A6E;
  --brand-primary:#2E3137;--brand-secondary:#F8DD1B;
  --rf-navy:#121519;--rf-navy-2:#2E3137;--rf-cyan:#F8DD1B;--rf-cyan-soft:#EFE7BC;
  --px-aqua:#F8DD1B;--px-aqua-2:#F5CE0D;--px-aqua-soft:#EFE7BC;
  --fx-blue:#F8DD1B;--fx-cyan:#F5CE0D;--fx-teal:#DDAC0D;
  --ups-ocean:#3F4247;--ups-aqua:#F8DD1B;--ups-aqua-soft:#F1E59A;--ups-ice:#E9E4D8;
}
body.public.ups-v8 :where(.text-link,.all-cities,.ups-dd-more,.video-link){color:#6F5700!important}
body.public.ups-v8 :where(.text-link,.all-cities,.ups-dd-more,.video-link):hover{color:#121519!important}
body.public.ups-v8 :where(.section-heading h2)::before{background:#DDAC0D!important}
body.public.ups-v8 .invoice-header{border-bottom-color:#DDAC0D!important}
body.public.ups-v8 .invoice-brand{color:#6F5700!important}
body.public.ups-v8 .invoice-totals .grand{border-top-color:#3F4247!important;color:#2E3137!important}
body.public.ups-v8 .support-panel,
body.public.ups-v8 .side-cart,
body.public.ups-v8 .lead-popup .lp-card{box-shadow:0 28px 70px rgba(18,21,25,.18)!important}

@media (max-width:760px){
  body.public.ups-v8 .ups-hero{background:linear-gradient(180deg,rgba(236,232,219,.94),rgba(233,223,170,.94))!important}
  body.public.ups-v8 .ups-hero-media .ups-hero-bg-video{opacity:.16!important;filter:grayscale(.96) sepia(.20) saturate(.70) contrast(1.07) brightness(1.10)!important}
  body.public.ups-v8 .ups-hero-video-wash{background:linear-gradient(180deg,rgba(238,234,221,.60),rgba(235,226,184,.70))}
  body.public.ups-v8 .ups-pc-assurance{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){body.public.ups-v8 .ups-hero-media .ups-hero-bg-video{display:none!important}}

/* ========================================================================== 
   UPS Battery Shop — Visual refinement v1.0.6
   Requested direction:
   - site canvas is a single #FCFCFC
   - one primary brand yellow (#F8DD1B) carries almost all accents
   - product cards follow the supplied clean commerce reference
   - the orange discount badge intentionally stays orange
   ========================================================================== */
body.public.ups-v8{
  --ups-yellow:#F8DD1B;
  --ups-yellow-deep:#F8DD1B;
  --ups-gold:#F8DD1B;
  --ups-yellow-soft:rgba(248,221,27,.12);
  --ups-yellow-mist:rgba(248,221,27,.07);
  --ups-gold-soft:rgba(248,221,27,.12);
  --ups-canvas:#FCFCFC;
  --ups-surface:#FFFFFF;
  --ups-surface-2:#FCFCFC;
  --ups-surface-3:#F5F5F3;
  --ups-line:#E7E7E3;
  --ups-line-strong:#D8D8D2;
  background:#FCFCFC!important;
  background-image:none!important;
  background-attachment:initial!important;
}
body.public.ups-v8 main{background:transparent!important}
body.public.ups-v8 .home-sections::before{display:none!important}
body.public.ups-v8 .ups-bottom-art{display:none!important}
body.public.ups-v8 .home-sections>section,
body.public.ups-v8 .ups-section{background:transparent!important}

/* Header and neutral surfaces stay quiet so the primary yellow reads clearly. */
body.public.ups-v8 .ups-header,
body.public.ups-v8 .upgraded-header,
body.public.ups-v8 .ups-header.is-scrolled,
body.public.ups-v8 .upgraded-header.is-scrolled{background:rgba(252,252,252,.97)!important}
body.public.ups-v8 .ups-search,
body.public.ups-v8 .search-box{background:#fff!important;border-color:#E4E4DF!important}
body.public.ups-v8 .ups-nav-main>a:hover,
body.public.ups-v8 .ups-dd>summary:hover,
body.public.ups-v8 .ups-dd[open]>summary,
body.public.ups-v8 .ups-dd[data-current="true"]>summary{background:rgba(248,221,27,.13)!important;color:#121519!important}
body.public.ups-v8 .ups-dd[data-current="true"]>summary{box-shadow:inset 0 -2px 0 #F8DD1B!important}
body.public.ups-v8 .ups-nav-advisor,
body.public.ups-v8 .ups-btn-accent,
body.public.ups-v8 main .button.accent{background:#F8DD1B!important;border-color:#F8DD1B!important;color:#121519!important}
body.public.ups-v8 .ups-nav-advisor:hover,
body.public.ups-v8 .ups-btn-accent:hover,
body.public.ups-v8 main .button.accent:hover{background:#F8DD1B!important;border-color:#F8DD1B!important;color:#121519!important;filter:brightness(.96)}

/* Hero fallback is #FCFCFC; the video remains the only background texture. */
body.public.ups-v8 .ups-hero,
body.public.ups-v8 .wp-hero-grid{background:#FCFCFC!important}
body.public.ups-v8 .ups-hero-media{background:#FCFCFC!important}
body.public.ups-v8 .ups-hero-video-wash{background:rgba(252,252,252,.52)!important}
body.public.ups-v8 .ups-hero-light{opacity:.16!important;background:#F8DD1B!important;filter:blur(90px)!important}
body.public.ups-v8 .ups-kicker,
body.public.ups-v8 .wp-eyebrow{background:rgba(252,252,252,.90)!important;border-color:rgba(248,221,27,.42)!important}
body.public.ups-v8 .ups-load,
body.public.ups-v8 .wp-float-note{background:rgba(255,255,255,.94)!important;border-color:rgba(248,221,27,.34)!important}

/* The requested best-sellers CTA: primary yellow on hover. */
body.public.ups-v8 a.ups-btn-solid[href="#best-sellers"]:hover,
body.public.ups-v8 a.ups-btn-solid[href="#best-sellers"]:focus-visible{
  background:#F8DD1B!important;
  border-color:#F8DD1B!important;
  color:#121519!important;
  box-shadow:0 14px 30px -18px rgba(18,21,25,.45)!important;
}

/* Product grid / card — clean, tall, commerce-first composition like reference. */
body.public.ups-v8 .p-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:22px!important}
body.public.ups-v8 .p-grid.compact{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}
body.public.ups-v8 .p-card.ups-pc{
  --pc-r:24px;
  padding:8px!important;
  border:1px solid rgba(248,221,27,.56)!important;
  border-radius:var(--pc-r)!important;
  background:#fff!important;
  box-shadow:0 14px 36px -30px rgba(18,21,25,.38)!important;
  overflow:hidden!important;
}
body.public.ups-v8 .p-card.ups-pc::before{display:none!important}
body.public.ups-v8 .p-card.ups-pc:hover{
  translate:0 -3px!important;
  border-color:#F8DD1B!important;
  background:#fff!important;
  box-shadow:0 22px 46px -30px rgba(18,21,25,.38),0 0 0 2px rgba(248,221,27,.07)!important;
}
body.public.ups-v8 .ups-pc-media{
  border:1px solid rgba(248,221,27,.30)!important;
  border-radius:18px!important;
  background:#FCFCFC!important;
  overflow:hidden!important;
}
body.public.ups-v8 .ups-pc .p-cover{
  aspect-ratio:1/.86!important;
  border-radius:18px!important;
  background:#FCFCFC!important;
}
body.public.ups-v8 .ups-pc .p-cover::before{
  height:34%!important;
  background:linear-gradient(180deg,rgba(252,252,252,0),rgba(252,252,252,.92))!important;
}
body.public.ups-v8 .ups-pc .p-cover::after{background:radial-gradient(closest-side,rgba(18,21,25,.18),transparent)!important}
body.public.ups-v8 .ups-pc-ring{
  width:66%!important;
  background:radial-gradient(closest-side,#fff 0 42%,rgba(248,221,27,.12) 70%,rgba(248,221,27,.03) 100%)!important;
  box-shadow:0 0 0 1px rgba(248,221,27,.12),0 0 46px rgba(248,221,27,.14)!important;
}
body.public.ups-v8 .ups-pc-glow{background:radial-gradient(ellipse,rgba(248,221,27,.20),transparent 70%)!important;filter:blur(15px)!important}
body.public.ups-v8 .ups-pc .p-art{color:#B39C00!important}
body.public.ups-v8 .ups-pc .p-cover img{filter:drop-shadow(0 20px 13px rgba(18,21,25,.13))!important}

/* Keep discount badge exactly in the warm orange family shown in the reference. */
body.public.ups-v8 .ups-pc-off{
  background:linear-gradient(145deg,#F3A54E,#D97921)!important;
  color:#fff!important;
  box-shadow:0 10px 18px -10px rgba(201,118,31,.72)!important;
}
body.public.ups-v8 .ups-pc-compare.p-compare{
  background:#fff!important;
  color:#121519!important;
  border:1px solid #ECECE8!important;
  box-shadow:0 7px 16px -11px rgba(18,21,25,.48)!important;
}
body.public.ups-v8 .ups-pc-compare.p-compare:hover{background:#F8DD1B!important;color:#121519!important}
body.public.ups-v8 .ups-pc-compare.p-compare:has(input:checked){background:#121519!important;color:#F8DD1B!important}
body.public.ups-v8 .ups-pc-tag{
  background:#fff!important;
  color:#121519!important;
  border:1px solid #ECECE8!important;
  box-shadow:0 7px 16px -12px rgba(18,21,25,.35)!important;
}
body.public.ups-v8 .ups-pc-tag.is-ready{background:#fff!important;color:#121519!important}
body.public.ups-v8 .ups-pc-view{display:none!important}

body.public.ups-v8 .ups-pc-body{padding:14px 11px 9px!important;gap:10px!important}
body.public.ups-v8 .ups-pc-kicker{color:#9A8500!important;font-size:11.5px!important}
body.public.ups-v8 .ups-pc-rate{
  background:rgba(248,221,27,.12)!important;
  color:#665900!important;
  border:0!important;
}
body.public.ups-v8 .ups-pc-rate.is-new{background:#F5F5F3!important;color:#5E6063!important}
body.public.ups-v8 .ups-pc h3{font-size:15.5px!important;line-height:1.95!important;color:#121519!important}
body.public.ups-v8 .ups-pc h3 a:hover{color:#121519!important}

/* Chips use one yellow only; no mixed beige/gold tones. */
body.public.ups-v8 .ups-pc-specs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:2px!important;
}
body.public.ups-v8 .ups-pc-specs li,
body.public.ups-v8 .ups-pc-specs li:first-child{
  min-height:34px!important;
  padding:6px 10px!important;
  border:1px solid rgba(248,221,27,.58)!important;
  border-radius:10px!important;
  background:#FCFCFC!important;
  color:#5C5D5F!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.public.ups-v8 .ups-pc-specs svg{color:#B39C00!important}

/* One assurance bar, matching the reference instead of two separate beige boxes. */
body.public.ups-v8 .ups-pc-assurance{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:41px!important;
  margin-top:1px!important;
  padding:8px 11px!important;
  border:1px solid rgba(248,221,27,.48)!important;
  border-radius:11px!important;
  background:rgba(248,221,27,.07)!important;
  color:#5D5E60!important;
  box-shadow:none!important;
}
body.public.ups-v8 .ups-pc-assurance>span,
body.public.ups-v8 .ups-pc-assurance>span.is-stock,
body.public.ups-v8 .ups-pc-assurance>span.is-out{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:650!important;
}
body.public.ups-v8 .ups-pc-assurance>span svg{color:#B39C00!important}
body.public.ups-v8 .ups-pc-assurance>span.is-stock{color:#19805C!important}
body.public.ups-v8 .ups-pc-assurance>span.is-stock svg{color:#19805C!important}
body.public.ups-v8 .ups-pc-assurance>span.is-out{color:#9E4B45!important}

body.public.ups-v8 .ups-pc-foot{
  padding-top:13px!important;
  border-top:1px solid #EEEEEA!important;
  align-items:center!important;
}
body.public.ups-v8 .ups-pc-price b{color:#121519!important}
body.public.ups-v8 .ups-pc-price s{color:#8B8C8E!important;text-decoration-color:#BDBDB7!important}
body.public.ups-v8 .ups-pc-add{
  background:#121519!important;
  color:#fff!important;
  border:1px solid #121519!important;
  box-shadow:0 12px 22px -15px rgba(18,21,25,.65)!important;
}
body.public.ups-v8 .ups-pc-add:hover,
body.public.ups-v8 .ups-pc-add:focus-visible{
  background:#F8DD1B!important;
  border-color:#F8DD1B!important;
  color:#121519!important;
  box-shadow:0 13px 24px -15px rgba(18,21,25,.42)!important;
}

/* Make repeated accents consistently use the one primary yellow. */
body.public.ups-v8 :where(.section-heading h2)::before,
body.public.ups-v8 .ups-strip-item:hover .ups-strip-icon,
body.public.ups-v8 .ups-logo-mark,
body.public.ups-v8 .ups-cart span{background:#F8DD1B!important}
body.public.ups-v8 :where(.section-heading h2)::before{box-shadow:none!important}
body.public.ups-v8 .ups-strip-icon,
body.public.ups-v8 .ups-load-icon{background:rgba(248,221,27,.12)!important;color:#121519!important}

@media (max-width:760px){
  body.public.ups-v8 .ups-hero{background:#FCFCFC!important}
  body.public.ups-v8 .ups-hero-video-wash{background:rgba(252,252,252,.58)!important}
  body.public.ups-v8 .ups-pc-assurance{display:flex!important;grid-template-columns:none!important}
  body.public.ups-v8 .ups-pc-assurance>span:nth-child(2){display:inline-flex!important}
}

/* ========================================================================== 
   UPS Battery Shop — Corrections v1.0.7
   - Plain global canvas #FCFCFC with zero background pattern
   - Preserve the yellow hero glow / gradient
   - Keep the advisor box in its previous styled state
   - Keep discount badges orange
   ========================================================================== */
body.public.ups-v8,
body.public.ups-v8 main,
body.public.ups-v8 .site-shell,
body.public.ups-v8 .page-shell{
  background:#FCFCFC!important;
  background-image:none!important;
}
body.public.ups-v8 .home-sections,
body.public.ups-v8 .home-sections>section,
body.public.ups-v8 .ups-section,
body.public.ups-v8 .section-shell,
body.public.ups-v8 .catalog-shell,
body.public.ups-v8 .shop-shell,
body.public.ups-v8 .page-space{
  background-color:transparent!important;
  background-image:none!important;
}
body.public.ups-v8 .home-sections::before,
body.public.ups-v8 .home-sections::after,
body.public.ups-v8 .home-sections>section::before,
body.public.ups-v8 .home-sections>section::after,
body.public.ups-v8 .ups-section::before,
body.public.ups-v8 .ups-section::after,
body.public.ups-v8 .section-shell::before,
body.public.ups-v8 .section-shell::after,
body.public.ups-v8 .catalog-shell::before,
body.public.ups-v8 .catalog-shell::after,
body.public.ups-v8 .shop-shell::before,
body.public.ups-v8 .shop-shell::after,
body.public.ups-v8 .page-space::before,
body.public.ups-v8 .page-space::after,
body.public.ups-v8 .ups-bottom-art,
body.public.ups-v8 .fx-tilt::before,
body.public.ups-v8 .fx-tilt::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Hero stays warm and branded: yellow glow/gradient remain intact. */
body.public.ups-v8 .ups-hero,
body.public.ups-v8 .wp-hero-grid{
  background:
    radial-gradient(62% 92% at 15% 18%,rgba(248,221,27,.30),transparent 68%),
    radial-gradient(48% 74% at 88% 12%,rgba(221,172,13,.13),transparent 72%),
    linear-gradient(180deg,rgba(238,234,221,.92) 0%,rgba(235,229,202,.90) 63%,rgba(229,219,159,.92) 100%)!important;
}
body.public.ups-v8 .ups-hero-media{
  background:linear-gradient(115deg,#E8E4D9,#E4D99E 52%,#E6E1D5)!important;
}
body.public.ups-v8 .ups-hero-video-wash{
  background:
    linear-gradient(90deg,rgba(238,234,221,.69) 0%,rgba(238,234,221,.38) 44%,rgba(235,226,184,.54) 100%),
    radial-gradient(48% 82% at 72% 34%,rgba(248,221,27,.16),transparent 76%)!important;
}
body.public.ups-v8 .ups-hero-light{
  opacity:.34!important;
  background:
    radial-gradient(closest-side at 30% 40%,rgba(255,255,255,.78),transparent),
    radial-gradient(closest-side at 70% 65%,rgba(248,221,27,.34),transparent)!important;
  filter:none!important;
}
body.public.ups-v8 .ups-load,
body.public.ups-v8 .wp-float-note{
  background:linear-gradient(145deg,rgba(240,235,221,.94),rgba(232,226,210,.94))!important;
  border-color:rgba(170,164,152,.72)!important;
  box-shadow:0 28px 70px -38px rgba(18,21,25,.46),inset 0 1px 0 rgba(248,221,27,.16)!important;
}
body.public.ups-v8 .ups-kicker,
body.public.ups-v8 .wp-eyebrow{
  background:rgba(240,235,221,.82)!important;
  border-color:rgba(170,164,152,.66)!important;
}

/* Restore the advisor box styling instead of flattening it. */
body.public.ups-v8 .advisor-band{
  color:#F1EEE4!important;
  border:1px solid #4C4F54!important;
  background:
    radial-gradient(60% 90% at 12% 110%,rgba(254,224,28,.35),transparent 70%),
    radial-gradient(40% 60% at 95% -10%,rgba(254,224,28,.22),transparent 70%),
    linear-gradient(135deg,#121519 0%,#121519 55%,#2E3137 100%)!important;
  box-shadow:0 40px 80px -46px rgba(17,17,17,.9), inset 0 1px 0 rgba(248,221,27,.09)!important;
}
body.public.ups-v8 .advisor-band::before{
  content:""!important;display:block!important;position:absolute!important;inset:auto 0 0 0!important;height:120px!important;opacity:.18!important;pointer-events:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M0 60c100-40 200-40 300 0s200 40 300 0 200-40 300 0 200 40 300 0'/%3E%3Cpath d='M0 92c100-40 200-40 300 0s200 40 300 0 200-40 300 0 200 40 300 0'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;
}
body.public.ups-v8 .advisor-band::after{content:none!important;display:none!important}
body.public.ups-v8 .advisor-band :is(h2,h3,h4,strong){color:#F8DD1B!important}
body.public.ups-v8 .advisor-band :is(p,li,small,span,label){color:#E2DED3!important}
body.public.ups-v8 .advisor-band .button.accent,
body.public.ups-v8 .advisor-band .button.accent:hover{background:#F8DD1B!important;border-color:#F8DD1B!important;color:#121519!important}
body.public.ups-v8 .load-scale{background:none!important;border:0!important;box-shadow:none!important}

/* Confirm product discount badges remain orange. */
body.public.ups-v8 .ups-pc-off{
  background:linear-gradient(145deg,#F3A54E,#D97921)!important;
  color:#fff!important;
}

@media (max-width:760px){
  body.public.ups-v8 .ups-hero{
    background:
      radial-gradient(62% 92% at 15% 18%,rgba(248,221,27,.26),transparent 68%),
      linear-gradient(180deg,rgba(236,232,219,.94),rgba(233,223,170,.94))!important;
  }
  body.public.ups-v8 .ups-hero-video-wash{background:linear-gradient(180deg,rgba(238,234,221,.60),rgba(235,226,184,.70))!important}
}

/* ========================================================================== 
   UPS Battery Shop — Discount badge refinement v1.0.8
   Requested shape: compact yellow tag like the supplied sample image.
   Applied to product cards and product-detail discount labels.
   ========================================================================== */
body.public.ups-v8 .ups-pc-off,
body.public.ups-v8 .p-off,
body.public.ups-v8 .gallery-main .p-off.big{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  min-width:58px!important;
  width:58px!important;
  min-height:50px!important;
  padding:6px 6px 5px!important;
  border-radius:0 0 14px 14px!important;
  background:#F8DD1B!important;
  color:#121519!important;
  border:1px solid rgba(186,161,0,.22)!important;
  box-shadow:0 10px 18px -14px rgba(18,21,25,.35)!important;
  line-height:1.05!important;
}
body.public.ups-v8 .ups-pc-off{
  top:-1px!important;
  inset-inline-start:13px!important;
}
body.public.ups-v8 .p-off,
body.public.ups-v8 .gallery-main .p-off.big{
  top:-1px!important;
  inset-inline-start:14px!important;
}
body.public.ups-v8 .ups-pc-off b,
body.public.ups-v8 .p-off b,
body.public.ups-v8 .gallery-main .p-off.big b,
body.public.ups-v8 .ups-pc-off,
body.public.ups-v8 .p-off,
body.public.ups-v8 .gallery-main .p-off.big{
  font-weight:900!important;
}
body.public.ups-v8 .ups-pc-off b,
body.public.ups-v8 .p-off b,
body.public.ups-v8 .gallery-main .p-off.big b{
  font-size:18px!important;
  color:#121519!important;
  line-height:1!important;
}
body.public.ups-v8 .ups-pc-off small,
body.public.ups-v8 .p-off small,
body.public.ups-v8 .gallery-main .p-off.big small{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#121519!important;
  opacity:1!important;
  line-height:1.1!important;
}
/* When the generic badge is plain text on one line, keep it centered and compact. */
body.public.ups-v8 .p-off:not(.big){
  font-size:12px!important;
}
@media (max-width:640px){
  body.public.ups-v8 .ups-pc-off,
  body.public.ups-v8 .p-off,
  body.public.ups-v8 .gallery-main .p-off.big{
    min-width:54px!important;
    width:54px!important;
    min-height:46px!important;
    padding:5px 5px 4px!important;
    border-radius:0 0 13px 13px!important;
  }
  body.public.ups-v8 .ups-pc-off{inset-inline-start:10px!important;top:-1px!important}
  body.public.ups-v8 .ups-pc-off b,
  body.public.ups-v8 .p-off b,
  body.public.ups-v8 .gallery-main .p-off.big b{font-size:16px!important}
  body.public.ups-v8 .ups-pc-off small,
  body.public.ups-v8 .p-off small,
  body.public.ups-v8 .gallery-main .p-off.big small{font-size:10px!important}
}

/* ========================================================================== 
   UPS Battery Shop — Advisor box restoration v1.0.9
   The capacity-advisor box returns to the dark visual style shown in the user's
   reference image: dark card, yellow heading, dark mini-bars, yellow CTA.
   ========================================================================== */
body.public.ups-v8 .advisor-band{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  gap:48px!important;
  align-items:center!important;
  padding:clamp(34px,5vw,64px)!important;
  border-radius:34px!important;
  border:0!important;
  color:#fff!important;
  background:
    radial-gradient(60% 90% at 12% 110%,rgba(254,224,28,.16),transparent 70%),
    radial-gradient(40% 60% at 95% -10%,rgba(254,224,28,.11),transparent 70%),
    linear-gradient(135deg,#030A14 0%,#050E1B 56%,#232833 100%)!important;
  box-shadow:0 40px 80px -46px rgba(17,17,17,.92)!important;
}
body.public.ups-v8 .advisor-band::before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:120px!important;
  opacity:.10!important;
  pointer-events:none!important;
  display:block!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M0 60c100-40 200-40 300 0s200 40 300 0 200-40 300 0 200 40 300 0'/%3E%3Cpath d='M0 92c100-40 200-40 300 0s200 40 300 0 200-40 300 0 200 40 300 0'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;
}
body.public.ups-v8 .advisor-band::after{
  content:""!important;
  position:absolute!important;
  inset-inline-start:58%;
  top:52px;
  bottom:52px;
  width:10px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(248,221,27,0),rgba(248,221,27,.06),rgba(248,221,27,0))!important;
  transform:skew(-30deg)!important;
  opacity:.55!important;
}
body.public.ups-v8 .advisor-band>*{position:relative;z-index:1}
body.public.ups-v8 .advisor-band :is(h2,h3,h4,strong){color:#F8DD1B!important}
body.public.ups-v8 .advisor-band h2{
  display:flex!important;align-items:center!important;gap:12px!important;
  margin:0!important;font-size:clamp(24px,2.6vw,36px)!important;line-height:1.55!important;color:#F8DD1B!important
}
body.public.ups-v8 .advisor-band h2 svg{color:#F8DD1B!important;flex:0 0 auto}
body.public.ups-v8 .advisor-band p{margin:16px 0 28px!important;font-size:15px!important;line-height:2.2!important;color:#E2DED3!important;max-width:34em!important}
body.public.ups-v8 .advisor-band :is(li,small,span,label){color:#E2DED3!important}
body.public.ups-v8 .advisor-band .button.accent{
  min-height:54px!important;padding:12px 26px!important;border-radius:15px!important;
  background:#F8DD1B!important;color:#121519!important;border:0!important;
  box-shadow:0 16px 30px -16px rgba(254,224,28,.88)!important
}
body.public.ups-v8 .advisor-band .button.accent:hover{background:#F8DD1B!important;filter:brightness(.98)!important}
body.public.ups-v8 .load-scale{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;align-items:end!important;
  padding:0!important;background:none!important;border:0!important;box-shadow:none!important
}
body.public.ups-v8 .load-step{
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:4px!important;
  padding:16px 12px!important;border-radius:18px!important;text-align:center!important;
  border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;
  min-height:106px!important;backdrop-filter:blur(2px)!important
}
body.public.ups-v8 .load-step b,body.public.ups-v8 .load-step small{color:#fff!important}
body.public.ups-v8 .load-step:nth-child(1){min-height:160px!important}
body.public.ups-v8 .load-step:nth-child(2){min-height:130px!important}
body.public.ups-v8 .load-step:nth-child(3){min-height:104px!important}
body.public.ups-v8 .load-step:nth-child(4){min-height:78px!important}
body.public.ups-v8 .load-step:nth-child(1){border-top:4px solid #E05B37!important}
body.public.ups-v8 .load-step:nth-child(2){border-top:4px solid #F0D017!important}
body.public.ups-v8 .load-step:nth-child(3){border-top:4px solid #DDC95E!important}
body.public.ups-v8 .load-step:nth-child(4){border-top:4px solid #39C590!important}
body.public.ups-v8 .load-step span{font-size:26px!important;line-height:1!important;color:#fff!important;font-weight:900!important}
body.public.ups-v8 .load-step b{font-size:14px!important;line-height:1.7!important;font-weight:900!important}
body.public.ups-v8 .load-step small{font-size:12px!important;opacity:.92!important;line-height:1.6!important}
@media (max-width:900px){
  body.public.ups-v8 .advisor-band{grid-template-columns:1fr!important;gap:24px!important}
  body.public.ups-v8 .advisor-band::after{display:none!important}
}
@media (max-width:640px){
  body.public.ups-v8 .load-scale{grid-template-columns:repeat(2,1fr)!important}
  body.public.ups-v8 .load-step:nth-child(1),
  body.public.ups-v8 .load-step:nth-child(2),
  body.public.ups-v8 .load-step:nth-child(3),
  body.public.ups-v8 .load-step:nth-child(4){min-height:90px!important}
}

/* ========================================================================== 
   UPS Battery Shop — Advisor cache-safe signature v1.0.10
   Unique selector prevents any legacy home-section skin from flattening it.
   ========================================================================== */
body.public.ups-v8 .home-sections > section.ups-advisor-signature,
body.public.ups-v8 section.advisor-band.ups-advisor-signature{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:48px!important;
  align-items:center!important;
  min-height:342px!important;
  padding:52px 58px!important;
  border-radius:30px!important;
  border:0!important;
  background:
    radial-gradient(42% 72% at 94% 100%,rgba(248,221,27,.055),transparent 72%),
    linear-gradient(108deg,#101419 0%,#101419 64%,#30343a 100%)!important;
  color:#fff!important;
  box-shadow:0 34px 62px -34px rgba(18,21,25,.72)!important;
}
body.public.ups-v8 .home-sections > section.ups-advisor-signature::before,
body.public.ups-v8 section.advisor-band.ups-advisor-signature::before{
  content:""!important;display:block!important;position:absolute!important;
  inset:0!important;pointer-events:none!important;opacity:.20!important;
  background:linear-gradient(118deg,transparent 0 61%,rgba(248,221,27,.08) 61.2% 62%,transparent 62.2%)!important;
}
body.public.ups-v8 .home-sections > section.ups-advisor-signature::after,
body.public.ups-v8 section.advisor-band.ups-advisor-signature::after{content:none!important;display:none!important}
body.public.ups-v8 .ups-advisor-signature > *{position:relative!important;z-index:1!important}
body.public.ups-v8 .ups-advisor-signature h2{
  margin:0!important;color:#F8DD1B!important;font-size:clamp(27px,2.65vw,38px)!important;line-height:1.55!important;font-weight:900!important;
}
body.public.ups-v8 .ups-advisor-signature h2 svg{color:#F8DD1B!important}
body.public.ups-v8 .ups-advisor-signature p{
  margin:18px 0 27px!important;color:#E8E4DA!important;font-size:14.5px!important;line-height:2.1!important;font-weight:600!important;
}
body.public.ups-v8 .ups-advisor-signature .button.accent{
  min-height:51px!important;padding:11px 24px!important;border-radius:14px!important;
  background:#F8DD1B!important;color:#121519!important;border:1px solid #F8DD1B!important;
  box-shadow:0 16px 27px -14px rgba(248,221,27,.78)!important;font-weight:850!important;
}
body.public.ups-v8 .ups-advisor-signature .button.accent:hover{background:#F8DD1B!important;color:#121519!important;filter:brightness(.97)!important}
body.public.ups-v8 .ups-advisor-signature .load-scale{
  direction:ltr!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
body.public.ups-v8 .ups-advisor-signature .load-step{
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;
  padding:18px 10px 14px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#30343a,#34383d)!important;border:1px solid #4C5055!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;text-align:center!important;
}
body.public.ups-v8 .ups-advisor-signature .load-step:nth-child(1){min-height:184px!important;border-top:4px solid #E25C3D!important}
body.public.ups-v8 .ups-advisor-signature .load-step:nth-child(2){min-height:151px!important;border-top:4px solid #F8DD1B!important}
body.public.ups-v8 .ups-advisor-signature .load-step:nth-child(3){min-height:118px!important;border-top:4px solid #E8D96F!important}
body.public.ups-v8 .ups-advisor-signature .load-step:nth-child(4){min-height:88px!important;border-top:4px solid #35C590!important}
body.public.ups-v8 .ups-advisor-signature .load-step b{color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.3!important}
body.public.ups-v8 .ups-advisor-signature .load-step small{color:#E5E2D9!important;font-size:11.5px!important;font-weight:700!important;line-height:1.7!important}
@media (max-width:900px){
  body.public.ups-v8 .home-sections > section.ups-advisor-signature,
  body.public.ups-v8 section.advisor-band.ups-advisor-signature{grid-template-columns:1fr!important;padding:34px 28px!important;gap:30px!important}
}
@media (max-width:640px){
  body.public.ups-v8 .ups-advisor-signature .load-scale{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.public.ups-v8 .ups-advisor-signature .load-step:nth-child(n){min-height:98px!important}
}


/* Default UPS product image for seeded/test items — v1.0.11 */
body.public.ups-v8 .p-art.p-art-photo{display:block!important;width:100%!important;height:100%!important;color:inherit!important}
body.public.ups-v8 .p-art.p-art-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;filter:none!important}
body.public.ups-v8 .gallery-main .p-art.p-art-photo img{padding:18px!important}
body.public.ups-v8 .cart-thumb img,body.public.ups-v8 .co-item img,body.public.ups-v8 .qcs-thumb img{object-fit:contain!important;background:#fff;border-radius:12px}


/* ========================================================================== 
   UPS Battery Shop — UI contrast refinements v1.0.12
   1) Brand chips: black background + yellow typography
   2) Trust / USP boxes: default yellow, hover light
   3) Mini icon boxes in category/application cards: black background + yellow icon
   ========================================================================== */

/* 1) brand / manufacturer chips */
body.public.ups-v8 .brand-row{
  background:transparent!important;
  box-shadow:none!important;
}
body.public.ups-v8 .brand-row::after{display:none!important}
body.public.ups-v8 .brand-chip{
  background:#121519!important;
  border:1px solid rgba(248,221,27,.62)!important;
  color:#F8DD1B!important;
  box-shadow:0 10px 24px rgba(18,21,25,.10)!important;
}
body.public.ups-v8 .brand-chip :is(b,small,span){color:#F8DD1B!important}
body.public.ups-v8 .brand-chip img{
  background:rgba(248,221,27,.10)!important;
  border-radius:10px!important;
}
body.public.ups-v8 .brand-chip:hover{
  background:#1B2026!important;
  border-color:#F8DD1B!important;
  transform:translateY(-2px);
}

/* 2) trust / usp strip under hero: reverse behavior -> default yellow, hover light */
body.public.ups-v8 .trust-item{
  background:#F8DD1B!important;
  border:1px solid rgba(198,174,0,.55)!important;
  box-shadow:0 16px 34px rgba(18,21,25,.08)!important;
}
body.public.ups-v8 .trust-item :is(b,small,span){color:#121519!important}
body.public.ups-v8 .trust-item i{
  background:#FFF7C8!important;
  color:#121519!important;
  box-shadow:none!important;
}
body.public.ups-v8 .trust-item:hover{
  background:#FFFDF5!important;
  border-color:rgba(248,221,27,.78)!important;
  box-shadow:0 18px 40px rgba(18,21,25,.10)!important;
}
body.public.ups-v8 .trust-item:hover :is(b,small,span){color:#121519!important}
body.public.ups-v8 .trust-item:hover i{
  background:#121519!important;
  color:#F8DD1B!important;
}

/* 3) category / use-case / service cards left mini icon box */
body.public.ups-v8 .home-sections .cat-card>span:first-child,
body.public.ups-v8 .home-sections .svc-card>span,
body.public.ups-v8 .cat-card>span,
body.public.ups-v8 .svc-card>span{
  background:#121519!important;
  color:#F8DD1B!important;
  border:1px solid rgba(248,221,27,.28)!important;
  box-shadow:none!important;
}
body.public.ups-v8 .cat-card>span svg,
body.public.ups-v8 .svc-card>span svg,
body.public.ups-v8 .cat-card>span i,
body.public.ups-v8 .svc-card>span i{
  color:#F8DD1B!important;
  stroke:currentColor!important;
}


/* ========================================================================== 
   UPS Battery Shop — Hero trust strip refinement v1.0.14
   Reference state: warm ivory card (#FFFDF2) + primary yellow icon.
   Hover state: brighter/white card while the yellow icon remains branded.
   ========================================================================== */
body.public.ups-v8 .ups-strip{
  background:#FFFFFF!important;
  border-color:#ECE9DD!important;
  box-shadow:0 22px 50px -34px rgba(18,21,25,.30)!important;
}
body.public.ups-v8 .ups-strip-item{
  background:#FFFDF2!important;
  color:#121519!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:background .20s ease,border-color .20s ease,box-shadow .20s ease,transform .20s ease!important;
}
body.public.ups-v8 .ups-strip-item b{color:#121519!important}
body.public.ups-v8 .ups-strip-item small{color:#5F6267!important}
body.public.ups-v8 .ups-strip-icon,
body.public.ups-v8 .ups-strip-item:hover .ups-strip-icon{
  background:#F8DD1B!important;
  color:#121519!important;
  border:1px solid rgba(193,168,0,.18)!important;
  box-shadow:none!important;
}
body.public.ups-v8 .ups-strip-icon svg,
body.public.ups-v8 .ups-strip-item:hover .ups-strip-icon svg{
  color:#121519!important;
  stroke:currentColor!important;
}
body.public.ups-v8 .ups-strip-item:hover{
  background:#FFFFFF!important;
  border-color:rgba(248,221,27,.28)!important;
  box-shadow:0 12px 26px -20px rgba(18,21,25,.32)!important;
  transform:translateY(-1px)!important;
}


/* Product-card outer border removal — v1.0.14 */
body.public.ups-v8 .p-card.ups-pc,
body.public.ups-v8 .p-card.ups-pc:hover{
  border-color:transparent!important;
}


/* ========================================================================== 
   UPS Battery Shop — Brand card redesign v1.0.15
   Clean, premium and balanced design for the brand/manufacturer cards.
   ========================================================================== */
body.public.ups-v8 .brand-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.public.ups-v8 .brand-row::after{display:none!important}
body.public.ups-v8 .brand-chip{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  min-height:84px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  border:1px solid rgba(248,221,27,.26)!important;
  background:linear-gradient(180deg,#FFFDF8 0%,#FFFBEF 100%)!important;
  box-shadow:0 14px 32px -24px rgba(18,21,25,.20)!important;
  overflow:hidden!important;
  text-align:center!important;
}
body.public.ups-v8 .brand-chip::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:18px!important;
  inset-inline-end:18px!important;
  top:0!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(248,221,27,.18),#F8DD1B,rgba(248,221,27,.18))!important;
  opacity:.85!important;
}
body.public.ups-v8 .brand-chip::after{
  content:""!important;
  position:absolute!important;
  inset:auto!important;
  width:92px!important;
  height:92px!important;
  top:-34px!important;
  inset-inline-end:-24px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(248,221,27,.18),rgba(248,221,27,0) 72%)!important;
  pointer-events:none!important;
}
body.public.ups-v8 .brand-chip img{
  max-width:72px!important;
  max-height:28px!important;
  object-fit:contain!important;
  padding:0!important;
  background:none!important;
  border-radius:0!important;
  filter:none!important;
}
body.public.ups-v8 .brand-chip b{
  position:relative!important;
  z-index:1!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#121519!important;
  letter-spacing:-.01em!important;
}
body.public.ups-v8 .brand-chip small{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  background:#FFF6C2!important;
  border:1px solid rgba(248,221,27,.28)!important;
  color:#7A6700!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
body.public.ups-v8 .brand-chip:hover{
  transform:translateY(-3px)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF6 100%)!important;
  border-color:rgba(248,221,27,.42)!important;
  box-shadow:0 22px 42px -28px rgba(18,21,25,.28)!important;
}
body.public.ups-v8 .brand-chip:hover::before{opacity:1!important}
body.public.ups-v8 .brand-chip:hover small{background:#FFFBE2!important}
@media (max-width:640px){
  body.public.ups-v8 .brand-row{grid-template-columns:1fr 1fr!important;gap:12px!important}
  body.public.ups-v8 .brand-chip{min-height:74px!important;padding:14px 12px!important;border-radius:18px!important;gap:8px 10px!important}
  body.public.ups-v8 .brand-chip b{font-size:16px!important}
  body.public.ups-v8 .brand-chip small{font-size:11px!important;padding:4px 9px!important;min-height:24px!important}
}
@media (max-width:420px){
  body.public.ups-v8 .brand-row{grid-template-columns:1fr!important}
}


/* ========================================================================== 
   UPS Battery Shop — Product media frame refinement v1.0.16
   Change the thin yellow line around the product-image box to a soft gray.
   ========================================================================== */
body.public.ups-v8 .ups-pc-media{
  border:1px solid #D8DADF!important;
  box-shadow:inset 0 0 0 1px rgba(216,218,223,.58)!important;
}
body.public.ups-v8 .ups-pc .p-cover{
  border:1px solid #D8DADF!important;
}
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc-media,
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc .p-cover{
  border-color:#D8DADF!important;
  box-shadow:inset 0 0 0 1px rgba(216,218,223,.58)!important;
}


/* ========================================================================== 
   UPS Battery Shop — Showcase cards redesign v1.0.18
   ========================================================================== */
body.public.ups-v8 .home-sections .ugc-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:18px!important}
body.public.ups-v8 .home-sections .ugc-item{display:flex!important;flex-direction:column!important;margin:0!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,#FFFDF8 0%,#FFF9EA 100%)!important;border:1px solid rgba(18,21,25,.06)!important;box-shadow:0 16px 38px -28px rgba(18,21,25,.30)!important;aspect-ratio:auto!important;min-height:100%!important}
body.public.ups-v8 .home-sections .ugc-item::before{display:none!important;content:none!important}
body.public.ups-v8 .home-sections .ugc-item:hover{transform:translateY(-4px)!important;border-color:rgba(248,221,27,.35)!important;box-shadow:0 22px 44px -26px rgba(18,21,25,.26)!important}
body.public.ups-v8 .home-sections .ugc-item .ugc-media{position:relative!important;aspect-ratio:4/3!important;overflow:hidden!important;background:linear-gradient(180deg,#F6F7F8 0%,#EEF1F4 100%)!important}
body.public.ups-v8 .home-sections .ugc-item .ugc-media::after{content:''!important;position:absolute!important;inset:auto 0 0 0!important;height:44%!important;background:linear-gradient(180deg,rgba(18,21,25,0),rgba(18,21,25,.06))!important;pointer-events:none!important}
body.public.ups-v8 .home-sections .ugc-item img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .35s ease!important}
body.public.ups-v8 .home-sections .ugc-item:hover img{transform:scale(1.04)!important}
body.public.ups-v8 .home-sections .ugc-item .ugc-city{position:absolute!important;right:14px!important;bottom:14px!important;z-index:1!important;display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:5px 11px!important;border-radius:999px!important;background:rgba(18,21,25,.86)!important;color:#F8DD1B!important;border:1px solid rgba(248,221,27,.30)!important;box-shadow:0 10px 24px -18px rgba(18,21,25,.48)!important;font-size:12px!important;font-weight:800!important}
body.public.ups-v8 .home-sections .ugc-item figcaption{position:static!important;inset:auto!important;display:grid!important;gap:7px!important;padding:15px 16px 17px!important;background:none!important;color:#121519!important}
body.public.ups-v8 .home-sections .ugc-item figcaption b{display:block!important;margin:0!important;color:#121519!important;font-size:18px!important;line-height:1.8!important;font-weight:900!important}
body.public.ups-v8 .home-sections .ugc-item figcaption small{display:block!important;color:#5E646B!important;font-size:12px!important;line-height:2!important}
@media (max-width:900px){body.public.ups-v8 .home-sections .ugc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
@media (max-width:600px){body.public.ups-v8 .home-sections .ugc-grid{grid-template-columns:1fr!important}body.public.ups-v8 .home-sections .ugc-item figcaption b{font-size:16px!important}}


/* ========================================================================== 
   UPS Battery Shop — Showcase caption readability refinement v1.0.19
   Make the text area of showcase cards white for higher contrast.
   ========================================================================== */
body.public.ups-v8 .home-sections .ugc-item{
  background:#FFFFFF!important;
}
body.public.ups-v8 .home-sections .ugc-item figcaption{
  background:#FFFFFF!important;
  border-top:1px solid rgba(18,21,25,.06)!important;
  box-shadow:0 -8px 18px -18px rgba(18,21,25,.16) inset!important;
}
body.public.ups-v8 .home-sections .ugc-item figcaption b,
body.public.ups-v8 .home-sections .ugc-item figcaption small{
  text-shadow:none!important;
}