/* ==========================================================================
   باتری UPS — Signature V8
   آخرین لایه طراحی سایت عمومی (بعد از video-background.css بارگذاری می‌شود).
   فقط روی body.ups-v8 اعمال می‌شود؛ سایت‌های اختصاصی شرکت‌ها و پنل مدیریت دست‌نخورده می‌مانند.

   ایده: «انرژی پایدار» — هویت مستقیم لوگوی باتری: مشکی برای قدرت و اعتماد،
   زرد #FEE01C برای انرژی، اقدام‌های خرید و نشانه‌های تعاملی. یک لحظه شاخص: Hero با ویدیوی کم‌رنگ دستگاه
   و ابزار «انتخاب ظرفیت باتری».
   ========================================================================== */

body.public.ups-v8{
  --ups-navy:#111111;
  --ups-deep:#1B1B1B;
  --ups-ocean:#C7A900;
  --ups-aqua:#FEE01C;
  --ups-aqua-soft:#FFF3A3;
  --ups-ice:#FFF8D6;
  --ups-mist:#FFFDF2;
  --ups-amber:#FEE01C;
  --ups-amber-deep:#B99B00;
  --ups-amber-soft:#FFF8D6;
  --ups-ink:#171717;
  --ups-muted:#666666;
  --ups-line:#E8DFA8;
  --ups-line-soft:#F3EDC9;
  --ups-white:#FFFFFF;
  --ups-shadow:0 22px 50px -28px rgba(17,17,17,.30);
  --ups-shadow-sm:0 10px 26px -18px rgba(17,17,17,.28);
  --ups-ease:cubic-bezier(.2,.7,.2,1);
  --ups-wrap:min(1280px,calc(100% - 56px));
  background:var(--ups-mist);
  color:var(--ups-ink);
}

/* Quieter atmosphere: one signature motion (hero light) instead of many effects. */
body.public.ups-v8 .fx-atmosphere,
body.public.ups-v8 .fx-pointer-glow,
body.public.ups-v8 .v5-ripple{display:none!important}
body.public.ups-v8 .fx-tilt{transform:none!important}
body.public.ups-v8 .fx-tilt::before,
body.public.ups-v8 .fx-tilt::after{opacity:0!important}

body.public.ups-v8 :focus-visible{outline:3px solid var(--ups-aqua-soft);outline-offset:3px;border-radius:10px}
body.public.ups-v8 .container{width:var(--ups-wrap)}

/* --------------------------------------------------------------- Promo bar */
body.public.ups-v8 .promo-bar.ups-promo{
  position:relative;display:block;padding:0;margin:0;min-height:0;border:0;
  background:linear-gradient(90deg,var(--ups-navy),var(--ups-deep) 55%,var(--ups-ocean));
  color:#fff;font-size:12.5px;line-height:1.8;overflow:hidden;
}
body.public.ups-v8 .promo-bar.ups-promo::before,
body.public.ups-v8 .promo-bar.ups-promo::after{content:none}
body.public.ups-v8 .ups-promo-inner{
  display:flex;align-items:center;justify-content:center;gap:18px;min-height:42px;padding:6px 44px;flex-wrap:wrap;
}
body.public.ups-v8 .ups-promo-text{color:#F3EDC9}
body.public.ups-v8 .ups-coupon{
  display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 10px;min-height:28px;
  border:1px dashed rgba(254,224,28,.75);border-radius:9px;background:rgba(254,224,28,.12);
  color:#fff;font:inherit;font-size:12px;cursor:pointer;transition:background .2s var(--ups-ease);
}
body.public.ups-v8 .ups-coupon span{color:#F8E76F}
body.public.ups-v8 .ups-coupon b{letter-spacing:1.5px;font-size:13px}
body.public.ups-v8 .ups-coupon:hover{background:rgba(254,224,28,.24)}
body.public.ups-v8 .ups-promo-close{
  position:absolute;inset-inline-end:14px;top:50%;translate:0 -50%;
  width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;
  background:transparent;color:#B7B19A;cursor:pointer;padding:0;
}
body.public.ups-v8 .ups-promo-close:hover{background:rgba(255,255,255,.12);color:#fff}

/* ------------------------------------------------------------------ Header */
body.public.ups-v8 .site-header.ups-header{
  position:sticky;top:0;z-index:70;display:block;padding:0;min-height:0;
  background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);
  border:0;border-bottom:1px solid var(--ups-line);box-shadow:none;
  transition:box-shadow .3s var(--ups-ease);
}
body.public.ups-v8 .site-header.ups-header::before,
body.public.ups-v8 .site-header.ups-header::after{content:none;display:none}
body.public.ups-v8 .site-header.ups-header.is-stuck{box-shadow:0 14px 36px -24px rgba(17,17,17,.45)}

body.public.ups-v8 .ups-header .ups-bar{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search tools";align-items:center;gap:36px;
  min-height:86px;padding:0;transition:min-height .3s var(--ups-ease);
}
body.public.ups-v8 .ups-header .ups-bar>.brand{grid-area:brand}
body.public.ups-v8 .ups-header .ups-bar>.ups-search{grid-area:search}
body.public.ups-v8 .ups-header .ups-bar>.ups-tools{grid-area:tools}
body.public.ups-v8 .ups-header.is-stuck .ups-bar{min-height:70px}

/* Brand */
body.public.ups-v8 .ups-header .brand{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.3;color:var(--ups-navy);margin:0}
body.public.ups-v8 .ups-header .brand>span:last-child{display:flex;flex-direction:column}
body.public.ups-v8 .ups-header .brand small{display:block;font-size:11px;color:var(--ups-muted);margin-top:3px;white-space:nowrap}
body.public.ups-v8 .brand-icon{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,var(--ups-ocean),var(--ups-navy));color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 22px -12px rgba(199,169,0,.8);
  transform:none;
}
body.public.ups-v8 .brand-icon::after,body.public.ups-v8 .brand-icon::before{content:none}
body.public.ups-v8 .brand-icon .brand-wave{stroke:var(--ups-aqua-soft)}
body.public.ups-v8 .ups-header .brand:hover .brand-icon{transform:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 26px -12px rgba(199,169,0,.95)}

/* Search */
body.public.ups-v8 .ups-search{
  position:relative;display:flex;align-items:center;gap:10px;max-width:640px;width:100%;justify-self:center;
  height:52px;padding:0 16px 0 6px;border-radius:16px;
  background:var(--ups-mist);border:1px solid var(--ups-line);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
body.public.ups-v8 .ups-search>svg{color:var(--ups-ocean);opacity:.8}
body.public.ups-v8 .ups-search input{
  flex:1;min-width:0;height:100%;min-height:0;border:0;background:transparent;padding:0;box-shadow:none;outline:0;
  font-size:14px;color:var(--ups-ink);
}
body.public.ups-v8 .ups-search input::placeholder{color:#8B8674}
body.public.ups-v8 .ups-search input::-webkit-search-cancel-button{display:none}
body.public.ups-v8 .ups-search button{
  width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;padding:0;
  background:var(--ups-navy);color:#fff;cursor:pointer;transition:background .2s;
}
body.public.ups-v8 .ups-search button:hover{background:var(--ups-ocean)}
body.public.ups-v8 .ups-search:focus-within{background:#fff;border-color:var(--ups-aqua);box-shadow:0 0 0 4px rgba(254,224,28,.14)}
body.public.ups-v8 .ups-search input:focus{outline:0;border:0}

/* Tools */
body.public.ups-v8 .ups-tools{display:flex;align-items:center;gap:14px}
body.public.ups-v8 .ups-tool{display:flex;align-items:center;gap:10px;color:var(--ups-ink);font-size:13px;line-height:1.5;padding:6px 8px;border-radius:12px}
body.public.ups-v8 .ups-tool svg{color:var(--ups-ocean)}
body.public.ups-v8 .ups-tool small{display:block;font-size:11px;color:var(--ups-muted)}
body.public.ups-v8 .ups-tool:hover{background:var(--ups-mist);color:var(--ups-navy)}
body.public.ups-v8 .ups-tools-sep{width:1px;height:34px;background:var(--ups-line)}
body.public.ups-v8 .ups-cart{
  position:relative;width:50px;height:50px;display:grid;place-items:center;padding:0;cursor:pointer;
  border:1px solid var(--ups-line);border-radius:15px;background:#fff;color:var(--ups-navy);
  transition:border-color .2s,background .2s;
}
body.public.ups-v8 .ups-cart:hover{border-color:var(--ups-aqua);background:var(--ups-mist)}
body.public.ups-v8 .ups-cart .count{
  position:absolute;top:-7px;inset-inline-start:-7px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;
  border-radius:11px;background:var(--ups-amber);color:#fff;font-size:11px;line-height:1;border:2px solid #fff;
}
body.public.ups-v8 .ups-cart .count[hidden]{display:none}
body.public.ups-v8 .ups-burger{display:none;width:48px;height:48px;place-items:center;border:1px solid var(--ups-line);border-radius:14px;background:#fff;color:var(--ups-navy);padding:0;cursor:pointer}

/* Navigation row */
body.public.ups-v8 #public-menu.ups-nav{
  position:static;display:block;inset:auto;width:auto;max-height:none;overflow:visible;margin:0;padding:0;
  border:0;border-top:1px solid var(--ups-line-soft);border-radius:0;background:transparent;box-shadow:none;flex:none;
}
body.public.ups-v8 .ups-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px}
body.public.ups-v8 .ups-nav-main,body.public.ups-v8 .ups-nav-side{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;margin:0;padding:0}
body.public.ups-v8 .ups-nav-main>a,
body.public.ups-v8 .ups-dd>summary{
  display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 13px;border-radius:11px;
  font-size:13.5px;color:#3B3B3B;background:transparent;border:0;cursor:pointer;list-style:none;white-space:nowrap;
  transition:background .18s,color .18s;
}
body.public.ups-v8 .ups-dd>summary::-webkit-details-marker{display:none}
body.public.ups-v8 .ups-dd>summary::marker{content:''}
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{background:var(--ups-ice);color:var(--ups-navy)}
body.public.ups-v8 .ups-nav-main>a[aria-current="page"],
body.public.ups-v8 .ups-dd[data-current="true"]>summary{color:var(--ups-ocean);background:var(--ups-ice)}
body.public.ups-v8 .ups-nav-main>a.ups-nav-lead{color:var(--ups-navy);font-size:14px}
body.public.ups-v8 .ups-nav-main>a.ups-nav-lead svg{color:var(--ups-aqua)}
body.public.ups-v8 .ups-dd>summary>svg:last-child{opacity:.55;transition:transform .2s}
body.public.ups-v8 .ups-dd[open]>summary>svg:last-child{transform:rotate(180deg)}
body.public.ups-v8 .ups-nav-main>a::after,body.public.ups-v8 .ups-nav-main>a::before,
body.public.ups-v8 .ups-dd>summary::after,body.public.ups-v8 .ups-dd>summary::before{content:none}

body.public.ups-v8 .ups-dd{position:relative}
body.public.ups-v8 .ups-dd-panel{
  position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:80;width:min(480px,86vw);
  padding:18px;border-radius:20px;background:#fff;border:1px solid var(--ups-line);
  box-shadow:0 30px 60px -30px rgba(17,17,17,.45);
  animation:ups-drop .22s var(--ups-ease);
}
body.public.ups-v8 .ups-nav-side .ups-dd-panel{inset-inline-start:auto;inset-inline-end:0}
@keyframes ups-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body.public.ups-v8 .ups-dd-head{padding:2px 6px 14px;margin-bottom:10px;border-bottom:1px solid var(--ups-line-soft)}
body.public.ups-v8 .ups-dd-head b{display:block;font-size:15px;color:var(--ups-navy)}
body.public.ups-v8 .ups-dd-head small{color:var(--ups-muted);font-size:12px}
body.public.ups-v8 .ups-dd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
body.public.ups-v8 .ups-dd-grid a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;font-size:13px;color:#3B3B3B}
body.public.ups-v8 .ups-dd-grid a svg{color:var(--ups-aqua);flex:0 0 auto}
body.public.ups-v8 .ups-dd-grid a:hover{background:var(--ups-mist);color:var(--ups-navy)}
body.public.ups-v8 .ups-dd-more{display:inline-flex;align-items:center;gap:6px;margin:12px 6px 0;font-size:12.5px;color:var(--ups-ocean)}

body.public.ups-v8 .ups-dd-city>summary{border:1px solid var(--ups-line);background:#fff;color:var(--ups-ink)}
body.public.ups-v8 .ups-dd-city>summary>svg:first-child{color:var(--ups-aqua)}
body.public.ups-v8 .ups-nav-advisor{
  display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px;margin-inline-start:6px;border-radius:11px;
  background:var(--ups-amber-soft);color:#8A4F10;font-size:13px;white-space:nowrap;transition:background .2s,color .2s;
}
body.public.ups-v8 .ups-nav-advisor svg{color:var(--ups-amber-deep)}
body.public.ups-v8 .ups-nav-advisor:hover{background:var(--ups-amber);color:#fff}
body.public.ups-v8 .ups-nav-advisor:hover svg{color:#fff}

/* ------------------------------------------------------------------- Hero */
body.public.ups-v8 .ups-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:72px 0 130px;
  background:
    radial-gradient(60% 80% at 18% 30%,rgba(254,224,28,.28),transparent 70%),
    radial-gradient(50% 60% at 90% 0%,rgba(199,169,0,.10),transparent 70%),
    linear-gradient(180deg,#FFFDF2 0%,#FFF8D6 65%,#FFF1A8 100%);
}
/* The brand video: faded and blended so its white studio background disappears. */
body.public.ups-v8 .ups-hero-media{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  -webkit-mask-image:radial-gradient(60% 85% at 44% 52%,#000 35%,rgba(0,0,0,.5) 62%,transparent 90%);
          mask-image:radial-gradient(60% 85% at 44% 52%,#000 35%,rgba(0,0,0,.5) 62%,transparent 90%);
}
body.public.ups-v8 .ups-hero-media video,
body.public.ups-v8 .ups-hero-media .ups-hero-poster{
  position:absolute;top:52%;left:44%;width:min(1180px,82%);height:auto;
  translate:-50% -50%;object-fit:contain;
  opacity:.3;mix-blend-mode:multiply;filter:brightness(1.1) contrast(1.12) saturate(.85);
  -webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);
}
body.public.ups-v8 .ups-hero-media .ups-hero-poster{display:block}
body.public.ups-v8 .ups-hero-media video{z-index:1}
body.public.ups-v8 .ups-hero-media .ups-hero-poster{z-index:0}
/* Soft moving light, like a soft electrical glow — the page's one ambient motion. */
body.public.ups-v8 .ups-hero-light{
  position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.55;
  background:
    radial-gradient(closest-side at 30% 40%,rgba(255,255,255,.75),transparent),
    radial-gradient(closest-side at 70% 65%,rgba(255,255,255,.5),transparent);
  background-size:42% 42%,36% 36%;background-repeat:no-repeat;
  animation:ups-light 22s ease-in-out infinite alternate;
}
@keyframes ups-light{from{background-position:10% 20%,80% 70%}to{background-position:40% 60%,55% 25%}}
body.public.ups-v8 .ups-hero::after{
  content:"";position:absolute;inset-inline:0;bottom:-1px;height:90px;z-index:-1;
  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='%23FFFDF2'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
}

body.public.ups-v8 .ups-hero-grid{
  position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,400px);
  gap:clamp(32px,6vw,110px);align-items:center;
}
body.public.ups-v8 .ups-hero-copy{max-width:640px}
body.public.ups-v8 .ups-kicker{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:6px 14px 6px 16px;border-radius:30px;
  background:rgba(255,255,255,.7);border:1px solid rgba(226,222,211,.9);color:var(--ups-ocean);font-size:13px;
}
body.public.ups-v8 .ups-kicker span{width:8px;height:8px;border-radius:50%;background:var(--ups-aqua);box-shadow:0 0 0 4px rgba(254,224,28,.18)}
body.public.ups-v8 .ups-hero h1{
  margin:0;font-size:clamp(32px,4.4vw,60px);line-height:1.42;letter-spacing:-1px;color:var(--ups-navy);
  text-wrap:balance;max-width:14em;
}
body.public.ups-v8 .ups-lead{margin:22px 0 0;max-width:36em;font-size:16px;line-height:2.15;color:#555555}
body.public.ups-v8 .ups-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
body.public.ups-v8 .ups-hero-marks{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:30px 0 0;padding:0;font-size:13px;color:#4D4D4D}
body.public.ups-v8 .ups-hero-marks li{display:flex;align-items:center;gap:7px}
body.public.ups-v8 .ups-hero-marks svg{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(254,224,28,.14);color:var(--ups-ocean)}

/* Buttons (new namespace, so older layers cannot fight them) */
body.public.ups-v8 .ups-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 24px;
  border-radius:15px;border:1px solid transparent;font:inherit;font-size:14.5px;line-height:1.6;cursor:pointer;white-space:nowrap;
  transition:background .2s var(--ups-ease),box-shadow .2s var(--ups-ease),border-color .2s,color .2s,transform .2s var(--ups-ease);
}
body.public.ups-v8 .ups-btn:active{transform:translateY(1px)}
body.public.ups-v8 .ups-btn-solid{background:var(--ups-navy);color:#fff;box-shadow:0 16px 30px -18px rgba(17,17,17,.9)}
body.public.ups-v8 .ups-btn-solid:hover{background:var(--ups-ocean);color:#fff}
body.public.ups-v8 .ups-btn-line{background:rgba(255,255,255,.75);border-color:var(--ups-line);color:var(--ups-navy)}
body.public.ups-v8 .ups-btn-line:hover{border-color:var(--ups-aqua);background:#fff;color:var(--ups-navy)}
body.public.ups-v8 .ups-btn-accent{width:100%;background:var(--ups-amber);color:#fff;box-shadow:0 16px 30px -18px rgba(201,118,31,.95)}
body.public.ups-v8 .ups-btn-accent:hover{background:var(--ups-amber-deep);color:#fff}

/* Power hardness check */
body.public.ups-v8 .ups-load{
  position:relative;display:flex;flex-direction:column;gap:18px;padding:26px;margin:0;
  border-radius:28px;background:rgba(255,255,255,.84);
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 40px 80px -44px rgba(17,17,17,.55),0 0 0 1px rgba(226,222,211,.6);
}
body.public.ups-v8 .ups-load-head{display:flex;gap:14px;align-items:flex-start}
body.public.ups-v8 .ups-load-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:var(--ups-ice);color:var(--ups-ocean)}
body.public.ups-v8 .ups-load-head b{display:block;font-size:17px;line-height:1.6;color:var(--ups-navy)}
body.public.ups-v8 .ups-load-head small{display:block;margin-top:2px;font-size:12px;line-height:1.9;color:var(--ups-muted)}
body.public.ups-v8 .ups-load-city{display:flex;flex-direction:column;gap:6px;margin:0}
body.public.ups-v8 .ups-load-city>span{font-size:12px;color:var(--ups-muted)}
body.public.ups-v8 .ups-load-city select{
  appearance:none;-webkit-appearance:none;width:100%;min-height:50px;padding:10px 14px 10px 40px;border-radius:14px;
  border:1px solid var(--ups-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23806A00' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 16px center;
  font:inherit;font-size:14px;color:var(--ups-ink);cursor:pointer;
}
body.public.ups-v8 .ups-load-city select:focus{border-color:var(--ups-aqua);outline:0;box-shadow:0 0 0 4px rgba(254,224,28,.14)}

body.public.ups-v8 .ups-meter{--load:40%;padding:16px 16px 12px;border-radius:18px;background:linear-gradient(180deg,var(--ups-mist),#fff);border:1px solid var(--ups-line-soft)}
body.public.ups-v8 .ups-meter-read{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px}
body.public.ups-v8 .ups-meter-read b{font-size:40px;line-height:1;color:var(--ups-navy);letter-spacing:-1px}
body.public.ups-v8 .ups-meter-read>span{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;color:var(--ups-muted);direction:rtl}
body.public.ups-v8 .ups-meter-read small{
  display:inline-block;margin-top:4px;padding:1px 10px;border-radius:20px;font-size:12px;
  background:var(--ups-ice);color:var(--ups-ocean);transition:background .3s,color .3s;
}
body.public.ups-v8 .ups-meter[data-band="1"] .ups-meter-read small{background:#E2F6EC;color:#1B7A4B}
body.public.ups-v8 .ups-meter[data-band="3"] .ups-meter-read small{background:var(--ups-amber-soft);color:#94540F}
body.public.ups-v8 .ups-meter[data-band="4"] .ups-meter-read small{background:#FDE9E6;color:#A2372A}
body.public.ups-v8 .ups-meter-track{
  position:relative;height:10px;border-radius:10px;
  background:linear-gradient(to left,#3CC48E 0%,#FEE01C 30%,#D6BF3A 48%,#FEE01C 70%,#D8573F 100%);
}
body.public.ups-v8 .ups-meter-track i{
  position:absolute;top:50%;inset-inline-start:var(--load);width:22px;height:22px;border-radius:50%;
  translate:50% -50%;background:#fff;border:4px solid var(--ups-navy);box-shadow:0 6px 14px -4px rgba(17,17,17,.5);
  transition:inset-inline-start .6s var(--ups-ease);
}
body.public.ups-v8 .ups-meter-scale{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;font-size:11px;color:#716B58;text-align:center}
body.public.ups-v8 .ups-load-note{margin:0;font-size:13px;line-height:2;color:#4D4D4D;min-height:3.9em}

/* Service strip — idea borrowed from the reference header, as navigational trust links */
body.public.ups-v8 .ups-strip{
  position:relative;z-index:3;margin-top:-64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  padding:10px;border-radius:26px;background:#fff;border:1px solid var(--ups-line);box-shadow:var(--ups-shadow);
}
body.public.ups-v8 .ups-strip-item{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;color:var(--ups-ink);transition:background .2s}
body.public.ups-v8 .ups-strip-item+.ups-strip-item::before{content:"";position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:1px;background:var(--ups-line)}
body.public.ups-v8 .ups-strip-item:hover{background:var(--ups-mist)}
body.public.ups-v8 .ups-strip-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:var(--ups-ice);color:var(--ups-ocean);transition:background .2s,color .2s}
body.public.ups-v8 .ups-strip-item:hover .ups-strip-icon{background:var(--ups-ocean);color:#fff}
body.public.ups-v8 .ups-strip-item b{display:block;font-size:14.5px;line-height:1.7}
body.public.ups-v8 .ups-strip-item small{display:block;font-size:12px;color:var(--ups-muted);line-height:1.8}

/* ----------------------------------------------------------- Home sections */
body.public.ups-v8 .home-sections{padding-top:96px;padding-bottom:40px}
body.public.ups-v8 .home-sections>section{margin:0 0 104px}
body.public.ups-v8 .home-sections>section:last-child{margin-bottom:64px}

body.public.ups-v8 .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 34px;padding:0;border:0}
body.public.ups-v8 .section-heading::before,body.public.ups-v8 .section-heading::after,
body.public.ups-v8 .section-heading>div::before,body.public.ups-v8 .section-heading>div::after,
body.public.ups-v8 .section-heading h2::before,body.public.ups-v8 .section-heading h2::after{content:none;display:none}
body.public.ups-v8 .section-heading h2{
  margin:0;padding-top:26px;font-size:clamp(24px,2.5vw,34px);line-height:1.5;color:var(--ups-navy);letter-spacing:-.5px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='12' viewBox='0 0 46 12' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Cpath d='M2 6c4-4 8-4 12 0s8 4 12 0' stroke='%236FC3F7'/%3E%3Cpath d='M32 6h12' stroke='%23E7993F'/%3E%3C/svg%3E") no-repeat right top;
}
body.public.ups-v8 .section-heading .section-sub{margin:8px 0 0;font-size:14.5px;color:var(--ups-muted)}
body.public.ups-v8 .section-heading .text-link{
  display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:13px;
  background:#fff;border:1px solid var(--ups-line);color:var(--ups-ocean);font-size:13px;white-space:nowrap;box-shadow:none;
}
body.public.ups-v8 .section-heading .text-link:hover{border-color:var(--ups-aqua);background:var(--ups-ice)}

/* Legacy quick-nav is replaced by the service strip */
body.public.ups-v8 .home-sections>.quick-nav{display:none}

/* Categories */
body.public.ups-v8 .cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
body.public.ups-v8 .cat-card{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:22px;
  border-radius:22px;background:#fff;border:1px solid var(--ups-line);box-shadow:none;overflow:hidden;
  transition:border-color .2s,box-shadow .25s var(--ups-ease);
}
body.public.ups-v8 .cat-card::before,body.public.ups-v8 .cat-card::after{content:none}
body.public.ups-v8 .cat-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;margin-bottom:10px;background:var(--ups-ice);color:var(--ups-ocean)}
body.public.ups-v8 .cat-card:nth-child(4n+2)>span{background:#E4F7F1;color:#17805A}
body.public.ups-v8 .cat-card:nth-child(4n+3)>span{background:var(--ups-amber-soft);color:var(--ups-amber-deep)}
body.public.ups-v8 .cat-card:nth-child(4n+4)>span{background:#E8EEF9;color:#DDAC0D}
body.public.ups-v8 .cat-card img{width:64px;height:64px;border-radius:16px;object-fit:cover;margin-bottom:10px}
body.public.ups-v8 .cat-card b{font-size:15.5px;color:var(--ups-navy);line-height:1.7}
body.public.ups-v8 .cat-card small{font-size:12.5px;color:var(--ups-muted);line-height:1.9}
body.public.ups-v8 .cat-card:hover{border-color:#FFF3A3;box-shadow:var(--ups-shadow-sm)}

/* Product cards */
body.public.ups-v8 .p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
body.public.ups-v8 .p-card{
  position:relative;display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid var(--ups-line);
  overflow:hidden;box-shadow:none;padding:0;transition:border-color .2s,box-shadow .3s var(--ups-ease);
}
body.public.ups-v8 .p-card::before,body.public.ups-v8 .p-card::after{content:none}
body.public.ups-v8 .p-card:hover{border-color:#FFF3A3;box-shadow:var(--ups-shadow)}
body.public.ups-v8 .p-cover{
  position:relative;display:grid;place-items:center;aspect-ratio:1/0.86;margin:8px 8px 0;border-radius:18px;overflow:hidden;
  background:radial-gradient(70% 60% at 50% 42%,#fff 0%,#EEF8FB 60%,#E1F1F7 100%);
}
body.public.ups-v8 .p-cover::after{content:"";position:absolute;left:22%;right:22%;bottom:12%;height:12px;border-radius:50%;background:rgba(27,27,27,.10);filter:blur(6px)}
body.public.ups-v8 .p-cover img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s var(--ups-ease);position:relative;z-index:1}
body.public.ups-v8 .p-card:hover .p-cover img{transform:scale(1.04)}
body.public.ups-v8 .p-art{color:#C8C5BC;width:46%;position:relative;z-index:1;opacity:.9}
body.public.ups-v8 .p-art svg{width:100%;height:auto}
body.public.ups-v8 .p-off{
  position:absolute;top:12px;inset-inline-start:12px;z-index:2;padding:3px 11px;border-radius:10px;
  background:var(--ups-amber);color:#fff;font-size:12px;box-shadow:0 6px 14px -6px rgba(201,118,31,.9);
}
body.public.ups-v8 .p-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;flex:1}
body.public.ups-v8 .p-badges{display:flex;flex-wrap:wrap;gap:6px}
body.public.ups-v8 .p-badges span{padding:2px 9px;border-radius:8px;font-size:11px;background:#E4F7F1;color:#17805A;border:0}
body.public.ups-v8 .p-badges span:nth-child(2){background:var(--ups-ice);color:var(--ups-ocean)}
body.public.ups-v8 .p-badges span:nth-child(3){background:var(--ups-amber-soft);color:#94540F}
body.public.ups-v8 .p-card h3{margin:0;font-size:15px;line-height:1.85;min-height:3.7em}
body.public.ups-v8 .p-card h3 a{color:var(--ups-navy)}
body.public.ups-v8 .p-card h3 a:hover{color:var(--ups-ocean)}
body.public.ups-v8 .p-meta{display:flex;flex-wrap:wrap;gap:6px}
body.public.ups-v8 .p-meta span{padding:2px 9px;border-radius:8px;background:var(--ups-mist);border:1px solid var(--ups-line-soft);font-size:11.5px;color:#3F4247}
body.public.ups-v8 .p-rating{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ups-muted)}
body.public.ups-v8 .p-rating .stars{color:#F0A63A;letter-spacing:1px}
body.public.ups-v8 .price-block{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--ups-line)}
body.public.ups-v8 .price-old{font-size:12.5px;color:#777777;text-decoration:line-through}
body.public.ups-v8 .price-off{padding:1px 8px;border-radius:8px;font-size:11px;background:#FDE9E6;color:#A2372A}
body.public.ups-v8 .price-now{flex-basis:100%;display:flex;align-items:baseline;gap:6px;font-size:21px;color:var(--ups-navy);letter-spacing:-.3px}
body.public.ups-v8 .price-now small{font-size:12px;color:var(--ups-muted)}
body.public.ups-v8 .p-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
body.public.ups-v8 .p-actions .button{min-height:46px;border-radius:13px;font-size:13px;box-shadow:none}
body.public.ups-v8 .p-actions .button.primary{background:var(--ups-navy);color:#fff;border:0}
body.public.ups-v8 .p-actions .button.primary:hover{background:var(--ups-ocean)}
body.public.ups-v8 .p-actions .button.ghost{background:var(--ups-mist);border:1px solid var(--ups-line);color:var(--ups-navy)}
body.public.ups-v8 .p-actions .button.ghost:hover{background:var(--ups-ice)}
body.public.ups-v8 .p-compare{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ups-muted)}

/* Advisor band: the one dark, saturated block on the page */
body.public.ups-v8 .advisor-band{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;
  padding:clamp(34px,5vw,64px);border-radius:34px;border:0;color:#fff;
  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,var(--ups-navy) 0%,var(--ups-deep) 55%,var(--ups-ocean) 100%);
  box-shadow:0 40px 80px -46px rgba(17,17,17,.9);
}
body.public.ups-v8 .advisor-band::before{
  content:"";position:absolute;inset:auto 0 0 0;height:120px;opacity:.18;pointer-events:none;
  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;
}
body.public.ups-v8 .advisor-band::after{content:none}
body.public.ups-v8 .advisor-band>*{position:relative}
body.public.ups-v8 .advisor-band h2{display:flex;align-items:center;gap:12px;margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.55;color:#fff}
body.public.ups-v8 .advisor-band h2 svg{color:var(--ups-amber);flex:0 0 auto}
body.public.ups-v8 .advisor-band p{margin:16px 0 28px;font-size:15px;line-height:2.2;color:#E2DED3;max-width:34em}
body.public.ups-v8 .advisor-band .button.accent{min-height:54px;padding:12px 26px;border-radius:15px;background:var(--ups-amber);color:#fff;border:0;box-shadow:0 16px 30px -16px rgba(254,224,28,.9)}
body.public.ups-v8 .advisor-band .button.accent:hover{background:var(--ups-amber-deep)}
body.public.ups-v8 .load-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;padding:0;background:none;border:0;box-shadow:none}
body.public.ups-v8 .load-step{
  display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 12px;border-radius:18px;text-align:center;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;
}
body.public.ups-v8 .load-step.s0{min-height:110px;border-top:4px solid #3CC48E}
body.public.ups-v8 .load-step.s1{min-height:145px;border-top:4px solid var(--ups-aqua-soft)}
body.public.ups-v8 .load-step.s2{min-height:180px;border-top:4px solid var(--ups-amber)}
body.public.ups-v8 .load-step.s3{min-height:215px;border-top:4px solid #E36A4F}
body.public.ups-v8 .load-step b{font-size:17px;color:#fff}
body.public.ups-v8 .load-step small{font-size:12px;color:#E2DED3}

/* Brands */
body.public.ups-v8 .brand-row{display:flex;flex-wrap:wrap;gap:12px}
body.public.ups-v8 .brand-chip{
  display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:18px;background:#fff;border:1px solid var(--ups-line);
  box-shadow:none;transition:border-color .2s,background .2s;
}
body.public.ups-v8 .brand-chip b{font-size:15px;color:var(--ups-navy)}
body.public.ups-v8 .brand-chip small{padding:1px 8px;border-radius:8px;background:var(--ups-mist);font-size:11px;color:var(--ups-muted)}
body.public.ups-v8 .brand-chip:hover{border-color:var(--ups-aqua);background:var(--ups-mist)}

/* Services */
body.public.ups-v8 .svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
body.public.ups-v8 .svc-card{
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:start;
  padding:22px;border-radius:22px;background:#fff;border:1px solid var(--ups-line);box-shadow:none;transition:border-color .2s,box-shadow .25s;
}
body.public.ups-v8 .svc-card::before,body.public.ups-v8 .svc-card::after{content:none}
body.public.ups-v8 .svc-card>span{grid-row:1/3;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--ups-ocean),var(--ups-navy));color:#fff}
body.public.ups-v8 .svc-card b{font-size:15px;color:var(--ups-navy);line-height:1.7}
body.public.ups-v8 .svc-card small{font-size:12.5px;color:var(--ups-muted);line-height:1.95}
body.public.ups-v8 .svc-card:hover{border-color:#FFF3A3;box-shadow:var(--ups-shadow-sm)}

/* Customer installs */
body.public.ups-v8 .ugc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
body.public.ups-v8 .ugc-item{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--ups-ice);aspect-ratio:1;border:0}
body.public.ups-v8 .ugc-item img{width:100%;height:100%;object-fit:cover}
body.public.ups-v8 .ugc-item>span{position:absolute;inset:0;display:grid;place-items:center;color:#C8C5BC}
body.public.ups-v8 .ugc-item figcaption{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(17,17,17,.82));color:#fff}
body.public.ups-v8 .ugc-item figcaption b{display:block;font-size:13px}
body.public.ups-v8 .ugc-item figcaption small{font-size:11px;color:#E2DED3}

/* Articles */
body.public.ups-v8 .post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
body.public.ups-v8 .post-card{display:flex;flex-direction:column;gap:8px;padding:10px 10px 20px;border-radius:24px;background:#fff;border:1px solid var(--ups-line);box-shadow:none;transition:border-color .2s,box-shadow .25s}
body.public.ups-v8 .post-card::before,body.public.ups-v8 .post-card::after{content:none}
body.public.ups-v8 .post-card img{width:100%;aspect-ratio:16/10;height:auto;border-radius:17px;object-fit:cover;margin-bottom:6px}
body.public.ups-v8 .post-card b{padding:0 10px;font-size:15.5px;line-height:1.85;color:var(--ups-navy)}
body.public.ups-v8 .post-card small{padding:0 10px;font-size:12.5px;line-height:2;color:var(--ups-muted)}
body.public.ups-v8 .post-card:hover{border-color:#FFF3A3;box-shadow:var(--ups-shadow-sm)}

/* FAQ */
body.public.ups-v8 .wp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body.public.ups-v8 .wp-faq details{border-radius:18px;background:#fff;border:1px solid var(--ups-line);padding:0;overflow:hidden;box-shadow:none;transition:border-color .2s}
body.public.ups-v8 .wp-faq details[open]{border-color:#FFF3A3;background:linear-gradient(180deg,#fff,var(--ups-mist))}
body.public.ups-v8 .wp-faq summary{
  position:relative;display:block;list-style:none;cursor:pointer;padding:18px 22px 18px 56px;font-size:14.5px;line-height:1.9;color:var(--ups-navy);
}
body.public.ups-v8 .wp-faq summary::-webkit-details-marker{display:none}
body.public.ups-v8 .wp-faq summary::after{
  content:"+";position:absolute;left:18px;top:50%;translate:0 -50%;width:28px;height:28px;display:grid;place-items:center;
  border-radius:9px;background:var(--ups-ice);color:var(--ups-ocean);font-size:18px;line-height:1;transition:rotate .25s var(--ups-ease),background .2s;
}
body.public.ups-v8 .wp-faq summary::before{content:none}
body.public.ups-v8 .wp-faq details[open] summary::after{rotate:45deg;background:var(--ups-ocean);color:#fff}
body.public.ups-v8 .wp-faq details p{margin:0;padding:0 22px 20px;font-size:13.5px;line-height:2.2;color:#4D4D4D}

/* ------------------------------------------------------ Pre-footer + footer */
body.public.ups-v8 .footer-supplier-cta{margin-bottom:0;padding-bottom:56px}
body.public.ups-v8 .footer-supplier-cta .cta-band{
  display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 42px;border-radius:28px;
  background:#fff;border:1px solid var(--ups-line);color:var(--ups-ink);box-shadow:none;
}
body.public.ups-v8 .footer-supplier-cta .cta-band::before,body.public.ups-v8 .footer-supplier-cta .cta-band::after{content:none}
body.public.ups-v8 .footer-supplier-cta .cta-band h2{margin:0;font-size:22px;color:var(--ups-navy)}
body.public.ups-v8 .footer-supplier-cta .cta-band p{margin:8px 0 0;font-size:13.5px;color:var(--ups-muted)}
body.public.ups-v8 .footer-supplier-cta .cta-band>.button{min-height:50px;padding:10px 22px;border-radius:14px;background:var(--ups-navy);color:#fff;border:0}
body.public.ups-v8 .footer-supplier-cta .cta-band>.button:hover{background:var(--ups-ocean)}

body.public.ups-v8 .site-footer.rich-footer{
  position:relative;margin-top:0;padding:0 0 26px;border:0;color:#E2DED3;
  background:linear-gradient(180deg,#211F1A,#11110F);
}
body.public.ups-v8 .site-footer.rich-footer::before{
  content:"";display:block;height:64px;margin-bottom:10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v26c-180 30-360 30-540 0S540-4 360 26 90 50 0 34Z' fill='%23FFFDF2'/%3E%3C/svg%3E") center top/100% 100% no-repeat;
}
body.public.ups-v8 .site-footer.rich-footer::after{content:none}
body.public.ups-v8 .rich-footer>.container{display:block}
body.public.ups-v8 .rich-footer .footer-topline{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;margin:14px 0 48px;
  border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;
}
body.public.ups-v8 .rich-footer .footer-topline>span{display:flex;align-items:center;gap:12px;font-size:17px}
body.public.ups-v8 .rich-footer .footer-topline>span svg{color:var(--ups-aqua-soft)}
body.public.ups-v8 .rich-footer .footer-topline a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:13px;background:var(--ups-amber);color:#fff;font-size:13.5px}
body.public.ups-v8 .rich-footer .footer-topline a:hover{background:var(--ups-amber-deep)}
body.public.ups-v8 .rich-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
body.public.ups-v8 .rich-footer .brand{color:#fff;font-size:22px}
body.public.ups-v8 .rich-footer .brand small{color:#CFC5A0}
body.public.ups-v8 .rich-footer .brand-icon{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
body.public.ups-v8 .rich-footer .footer-brand p{margin:16px 0 20px;font-size:13.5px;line-height:2.2;color:#B4AB86;max-width:30em}
body.public.ups-v8 .rich-footer .footer-company-access{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:13px;min-height:44px}
body.public.ups-v8 .rich-footer .footer-company-access:hover{background:rgba(255,255,255,.08)}
body.public.ups-v8 .rich-footer .footer-column h3{margin:0 0 16px;font-size:15px;color:#fff}
body.public.ups-v8 .rich-footer .footer-column nav{display:flex;flex-direction:column;gap:10px;border:0;padding:0}
body.public.ups-v8 .rich-footer .footer-column a{color:#B4AB86;font-size:13.5px}
body.public.ups-v8 .rich-footer .footer-column a:hover{color:#fff}
body.public.ups-v8 .rich-footer .footer-contact p{font-size:13px;color:#B4AB86;line-height:2}
body.public.ups-v8 .rich-footer .footer-phone{display:block;margin:8px 0;font-size:22px;color:#fff!important}
body.public.ups-v8 .rich-footer .footer-chat{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;border-radius:12px;border:1px solid rgba(254,224,28,.4);background:rgba(254,224,28,.1);color:#fff;font:inherit;font-size:13px;cursor:pointer}
body.public.ups-v8 .rich-footer .footer-chat:hover{background:rgba(254,224,28,.2)}
body.public.ups-v8 .rich-footer .footer-cities{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
body.public.ups-v8 .rich-footer .footer-cities b{font-size:13px;color:#fff;margin-inline-end:8px}
body.public.ups-v8 .rich-footer .footer-cities a{padding:4px 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#E8DEB9;font-size:12.5px}
body.public.ups-v8 .rich-footer .footer-cities a:hover{background:rgba(255,255,255,.14);color:#fff}
body.public.ups-v8 .rich-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
body.public.ups-v8 .rich-footer .footer-bottom small{color:#CFC5A0;font-size:12px}
body.public.ups-v8 .rich-footer .footer-bottom nav{display:flex;gap:18px;border:0;padding:0}
body.public.ups-v8 .rich-footer .footer-bottom nav a{color:#B4AB86;font-size:12.5px}

/* Shared buttons across inner pages get the same voice */
body.public.ups-v8 main .button.primary{background:var(--ups-navy);border-color:var(--ups-navy);color:#fff}
body.public.ups-v8 main .button.primary:hover{background:var(--ups-ocean);border-color:var(--ups-ocean)}
body.public.ups-v8 main .button.accent{background:var(--ups-amber);border-color:var(--ups-amber);color:#fff}
body.public.ups-v8 main .button.accent:hover{background:var(--ups-amber-deep)}

/* ------------------------------------------------------------- Responsive */
@media (max-width:1180px){
  body.public.ups-v8 .ups-tool span{display:none}
  body.public.ups-v8 .ups-header .ups-bar{gap:22px}
  body.public.ups-v8 .ups-nav-main>a,body.public.ups-v8 .ups-dd>summary{padding:6px 9px;font-size:13px}
  body.public.ups-v8 .rich-footer .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1040px){
  body.public.ups-v8{--ups-wrap:calc(100% - 32px)}
  body.public.ups-v8 .ups-header .ups-bar{grid-template-columns:auto 1fr;grid-template-areas:"brand tools" "search search";gap:10px 14px;min-height:0;padding:12px 0}
  body.public.ups-v8 .ups-header.is-stuck .ups-bar{min-height:0}
  body.public.ups-v8 .ups-header .brand{grid-area:brand;font-size:20px}
  body.public.ups-v8 .ups-header .brand small{display:none}
  body.public.ups-v8 .brand-icon{width:42px;height:42px;border-radius:13px}
  body.public.ups-v8 .ups-tools{grid-area:tools;justify-self:end;gap:8px}
  body.public.ups-v8 .ups-tools-sep{display:none}
  body.public.ups-v8 .ups-tool{width:46px;height:46px;justify-content:center;padding:0;border:1px solid var(--ups-line);border-radius:14px;background:#fff}
  body.public.ups-v8 .ups-cart{width:46px;height:46px;border-radius:14px}
  body.public.ups-v8 .ups-burger{display:grid}
  body.public.ups-v8 .ups-search{grid-area:search;max-width:none;height:48px}
  body.public.ups-v8 .ups-header.is-stuck .ups-search{display:none}

  body.public.ups-v8 #public-menu.ups-nav{
    position:absolute;top:calc(100% + 8px);inset-inline:16px;max-height:calc(100vh - 120px);overflow:auto;
    padding:12px;border:1px solid var(--ups-line);border-radius:22px;background:#fff;box-shadow:0 30px 60px -30px rgba(17,17,17,.5);
  }
  body.public.ups-v8 #public-menu.ups-nav:not(.is-open){display:none}
  body.public.ups-v8 .ups-nav-inner{width:100%;flex-direction:column;align-items:stretch;gap:10px;min-height:0}
  body.public.ups-v8 .ups-nav-main,body.public.ups-v8 .ups-nav-side{flex-direction:column;align-items:stretch;flex-wrap:wrap;gap:2px}
  body.public.ups-v8 .ups-nav-side{padding-top:10px;border-top:1px solid var(--ups-line-soft)}
  body.public.ups-v8 .ups-nav-main>a,body.public.ups-v8 .ups-dd>summary{width:100%;justify-content:flex-start;min-height:46px;font-size:14px}
  body.public.ups-v8 .ups-dd>summary>svg:last-child{margin-inline-start:auto}
  body.public.ups-v8 .ups-dd-panel,body.public.ups-v8 .ups-nav-side .ups-dd-panel{position:static;width:auto;margin:4px 0 8px;padding:10px;box-shadow:none;background:var(--ups-mist);animation:none}
  body.public.ups-v8 .ups-nav-advisor{justify-content:center;min-height:46px;margin:6px 0 0}

  body.public.ups-v8 .ups-hero{padding:44px 0 118px}
  body.public.ups-v8 .ups-hero-grid{grid-template-columns:1fr;gap:34px}
  body.public.ups-v8 .ups-hero-copy{max-width:none}
  body.public.ups-v8 .ups-hero-media{-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 75%);mask-image:linear-gradient(180deg,#000 10%,transparent 75%)}
  body.public.ups-v8 .ups-hero-media video,body.public.ups-v8 .ups-hero-media .ups-hero-poster{left:50%;top:26%;height:auto;width:170%;min-width:0;opacity:.22}
  body.public.ups-v8 .ups-load{max-width:560px}
  body.public.ups-v8 .ups-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .ups-strip-item:nth-child(3)::before{display:none}
  body.public.ups-v8 .advisor-band{grid-template-columns:1fr}
  body.public.ups-v8 .wp-faq{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.public.ups-v8{--ups-wrap:calc(100% - 24px)}
  body.public.ups-v8 .ups-promo-inner{justify-content:flex-start;gap:8px;padding:8px 44px 8px 12px;font-size:11.5px}
  body.public.ups-v8 .ups-promo-text{flex-basis:100%}
  body.public.ups-v8 .ups-hero h1{font-size:clamp(28px,8vw,36px);line-height:1.5}
  body.public.ups-v8 .ups-lead{font-size:14.5px}
  body.public.ups-v8 .ups-hero-actions .ups-btn{flex:1 1 100%}
  body.public.ups-v8 .ups-load{padding:20px;border-radius:24px}
  body.public.ups-v8 .ups-strip{grid-template-columns:1fr;margin-top:-72px;padding:6px}
  body.public.ups-v8 .ups-strip-item::before{display:none}
  body.public.ups-v8 .ups-strip-item+.ups-strip-item{border-top:1px solid var(--ups-line-soft);border-radius:0}
  body.public.ups-v8 .home-sections{padding-top:64px}
  body.public.ups-v8 .home-sections>section{margin-bottom:72px}
  body.public.ups-v8 .section-heading{flex-direction:column;align-items:flex-start;gap:14px}
  body.public.ups-v8 .p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.public.ups-v8 .p-body{padding:12px}
  body.public.ups-v8 .p-card h3{font-size:13.5px}
  body.public.ups-v8 .price-now{font-size:17px}
  body.public.ups-v8 .p-actions{grid-template-columns:1fr}
  body.public.ups-v8 .load-scale{gap:6px}
  body.public.ups-v8 .load-step{padding:12px 6px}
  body.public.ups-v8 .footer-supplier-cta .cta-band{flex-direction:column;align-items:flex-start;padding:26px}
  body.public.ups-v8 .rich-footer .footer-grid{grid-template-columns:1fr;gap:30px}
}
@media (prefers-reduced-motion:reduce){
  body.public.ups-v8 .ups-hero-light{animation:none}
  body.public.ups-v8 *{scroll-behavior:auto}
  body.public.ups-v8 .ups-meter-track i{transition:none}
}

/* Neutralise older bento/span layouts so the V8 grids stay even */
body.public.ups-v8 .home-sections :is(.cat-grid,.svc-grid,.ugc-grid,.post-grid,.p-grid,.brand-row){
  padding:0;margin:0;background:none;border:0;box-shadow:none;border-radius:0;grid-auto-flow:row;grid-auto-rows:auto;
}
body.public.ups-v8 .home-sections :is(.cat-grid,.svc-grid,.ugc-grid,.post-grid,.p-grid)>*{
  grid-column:auto!important;grid-row:auto!important;width:auto;min-height:0;height:auto;max-height:none;
}
body.public.ups-v8 .home-sections .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.public.ups-v8 .home-sections .cat-card{flex-direction:column;align-items:flex-start;text-align:right;justify-content:flex-start}
body.public.ups-v8 .home-sections .cat-card>*{order:0;margin-inline:0}
body.public.ups-v8 .home-sections .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.public.ups-v8 .home-sections .svc-card>span{grid-column:1;grid-row:1/3!important}
body.public.ups-v8 .home-sections .svc-card>b,body.public.ups-v8 .home-sections .svc-card>small{grid-column:2}
body.public.ups-v8 .home-sections .ugc-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
body.public.ups-v8 .home-sections .ugc-item{aspect-ratio:1/1.1}
body.public.ups-v8 .home-sections .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1040px){
  body.public.ups-v8 .home-sections .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .home-sections .svc-grid,body.public.ups-v8 .home-sections .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .home-sections .ugc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  body.public.ups-v8 .home-sections .cat-grid{gap:10px}
  body.public.ups-v8 .home-sections .cat-card{padding:16px}
  body.public.ups-v8 .home-sections .svc-grid,body.public.ups-v8 .home-sections .post-grid{grid-template-columns:1fr}
  body.public.ups-v8 .home-sections .ugc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.public.ups-v8 .home-sections>section:not(.advisor-band){background:none;border:0;box-shadow:none;padding:0;border-radius:0}
body.public.ups-v8 .home-sections>section:not(.advisor-band)::before,
body.public.ups-v8 .home-sections>section:not(.advisor-band)::after{content:none}
body.public.ups-v8 .home-sections .svc-card:nth-child(n){background:#fff;color:var(--ups-ink)}
body.public.ups-v8 .home-sections .svc-card:nth-child(n) b{color:var(--ups-navy)}
body.public.ups-v8 .home-sections .svc-card:nth-child(n) small{color:var(--ups-muted)}
body.public.ups-v8 .home-sections .wp-faq{max-width:none}
body.public.ups-v8 .home-sections .svc-card:nth-child(n) b{color:var(--ups-navy)!important}
body.public.ups-v8 .home-sections .svc-card:nth-child(n) small{color:var(--ups-muted)!important}
body.public.ups-v8 .home-sections .svc-card:nth-child(n){background:#fff!important;box-shadow:none}
body.public.ups-v8 .home-sections :is(.svc-grid,.cat-grid,.ugc-grid,.post-grid)::before,
body.public.ups-v8 .home-sections :is(.svc-grid,.cat-grid,.ugc-grid,.post-grid)::after{content:none!important;display:none!important}
body.public.ups-v8 .home-sections .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.public.ups-v8 .home-sections>section{margin-top:0!important;margin-bottom:84px!important}
body.public.ups-v8 .home-sections{display:block}
@media (max-width:640px){body.public.ups-v8 .home-sections .cat-grid{grid-template-columns:1fr}body.public.ups-v8 .home-sections>section{margin-bottom:64px!important}}
body.public.ups-v8 .ups-search-spacer{grid-area:search}

/* ============================================ V8.1 — faded artwork at the site bottom
   Fixed to the viewport bottom, same faintness as the hero video. */
body.public.ups-v8 .ups-bottom-art{
  position:fixed;inset:auto 0 0 0;height:min(48vh,460px);z-index:-1;pointer-events:none;
  background-repeat:no-repeat;background-position:center bottom;background-size:cover;
  opacity:.22;mix-blend-mode:multiply;filter:saturate(.85);
  -webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%);mask-image:linear-gradient(to top,#000 35%,transparent 100%);
}
body.public.ups-v8 main{position:relative}
@media (max-width:640px){body.public.ups-v8 .ups-bottom-art{height:32vh;opacity:.16}}

/* =========================================================== V8.2 — product card
   Studio-lit product stage, one line of specs, price with an expanding add button.
   Sky #FEE01C and glow #FFF3A3 carry the colour; navy carries the text. */
body.public.ups-v8 .p-card.ups-pc{
  --pc-r:24px;
  position:relative;display:flex;flex-direction:column;padding:7px;overflow:visible;transform:none;
  border-radius:var(--pc-r);border:1px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(160deg,#FFF7BF,#FFFBE1 45%,#FFF7BF) border-box;
  box-shadow:0 1px 0 rgba(17,17,17,.03),0 12px 28px -24px rgba(17,17,17,.35);
  transition:box-shadow .35s var(--ups-ease),background .35s var(--ups-ease),translate .35s var(--ups-ease);
}
body.public.ups-v8 .p-card.ups-pc::before,body.public.ups-v8 .p-card.ups-pc::after{content:none}
body.public.ups-v8 .p-card.ups-pc:hover{
  translate:0 -3px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(160deg,#FEE01C,#FFF3A3 55%,#FEE01C) border-box;
  box-shadow:0 28px 50px -30px rgba(199,169,0,.55),0 8px 18px -14px rgba(17,17,17,.25);
}

/* Stage */
body.public.ups-v8 .ups-pc-media{position:relative;border-radius:18px;overflow:hidden;isolation:isolate}
body.public.ups-v8 .ups-pc .p-cover{
  position:relative;display:grid;place-items:center;aspect-ratio:1/0.84;margin:0;border-radius:18px;overflow:hidden;
  background:
    radial-gradient(90% 70% at 50% 0%,#FFFFFF 0%,rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#E9FEFF 0%,#F3F0E4 55%,#F3F0E4 100%);
}
body.public.ups-v8 .ups-pc .p-cover::before{ /* floor reflection */
  content:"";position:absolute;inset:auto 0 0 0;height:34%;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55));
}
body.public.ups-v8 .ups-pc .p-cover::after{
  content:"";position:absolute;left:24%;right:24%;bottom:13%;height:14px;border-radius:50%;z-index:0;
  background:radial-gradient(closest-side,rgba(17,17,17,.22),transparent);filter:blur(2px);opacity:1;
  transition:transform .45s var(--ups-ease),opacity .45s;
}
body.public.ups-v8 .ups-pc-ring{
  position:absolute;top:50%;left:50%;width:68%;aspect-ratio:1;translate:-50% -54%;z-index:0;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,243,163,.55) 62%,rgba(254,224,28,.18) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 0 0 14px rgba(255,255,255,.22);
  transition:scale .5s var(--ups-ease);
}
body.public.ups-v8 .ups-pc .p-cover img,
body.public.ups-v8 .ups-pc .p-art{position:relative;z-index:1;transition:transform .5s var(--ups-ease)}
body.public.ups-v8 .ups-pc .p-cover img{width:100%;height:100%;object-fit:contain;padding:18px}
body.public.ups-v8 .ups-pc .p-art{width:42%;color:#A98E00;opacity:1}
body.public.ups-v8 .p-card.ups-pc:hover .p-cover img,
body.public.ups-v8 .p-card.ups-pc:hover .p-art{transform:translateY(-6px) scale(1.03)}
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc-ring{scale:1.06}
body.public.ups-v8 .p-card.ups-pc:hover .p-cover::after{transform:scaleX(.86);opacity:.7}

/* Overlays */
body.public.ups-v8 .ups-pc-off{
  position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:flex;flex-direction:column;align-items:center;
  min-width:48px;padding:5px 8px 4px;border-radius:14px;line-height:1.15;color:#fff;
  background:linear-gradient(160deg,#F2A952,#E0852A);box-shadow:0 10px 18px -10px rgba(201,118,31,.9);
}
body.public.ups-v8 .ups-pc-off b{font-size:15px}
body.public.ups-v8 .ups-pc-off small{font-size:10px;opacity:.9}
body.public.ups-v8 .ups-pc-compare.p-compare{
  position:absolute;top:12px;inset-inline-end:12px;z-index:3;margin:0;padding:0;
  display:grid;place-items:center;width:38px;height:38px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--ups-navy);box-shadow:0 6px 14px -10px rgba(17,17,17,.5);opacity:1;translate:none;
  transition:background .2s,color .2s;
}
body.public.ups-v8 .ups-pc-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:none;min-height:0}
body.public.ups-v8 .ups-pc-compare input::before{content:none}
body.public.ups-v8 .ups-pc-compare span{
  position:absolute;top:50%;inset-inline-end:calc(100% + 8px);translate:0 -50%;padding:3px 10px;border-radius:9px;white-space:nowrap;
  background:var(--ups-navy);color:#fff;font-size:11.5px;opacity:0;pointer-events:none;transition:opacity .2s;
}
body.public.ups-v8 .ups-pc-compare:hover span,body.public.ups-v8 .ups-pc-compare:focus-within span{opacity:1}
body.public.ups-v8 .ups-pc-compare:hover{background:#fff}
body.public.ups-v8 .ups-pc-compare:has(input:checked){background:var(--ups-navy);color:#FFF3A3}
body.public.ups-v8 .ups-pc-compare:focus-within{outline:3px solid #FEE01C;outline-offset:2px}
body.public.ups-v8 .ups-pc-tag{
  position:absolute;bottom:12px;inset-inline-end:12px;z-index:3;padding:3px 12px;border-radius:10px;font-size:11.5px;line-height:1.9;
  color:var(--ups-navy);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
body.public.ups-v8 .ups-pc-tag.is-out{background:rgba(17,17,17,.82);color:#fff;box-shadow:none}

/* Body */
body.public.ups-v8 .ups-pc-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 10px 8px}
body.public.ups-v8 .ups-pc-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6;color:#C7A900}
body.public.ups-v8 .ups-pc-kicker>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.public.ups-v8 .ups-pc-rate{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:#B8761C}
body.public.ups-v8 .ups-pc-rate small{font-size:11px;color:#777777}
body.public.ups-v8 .ups-pc h3{
  margin:0;font-size:15px;line-height:1.85;min-height:3.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.public.ups-v8 .ups-pc h3 a{color:var(--ups-navy);background:none}
body.public.ups-v8 .ups-pc h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--pc-r)} /* whole card clickable */
body.public.ups-v8 .ups-pc h3 a:hover{color:#806A00}
body.public.ups-v8 .ups-pc-specs{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:0;padding:0}
body.public.ups-v8 .ups-pc-specs li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#67614F}
body.public.ups-v8 .ups-pc-specs svg{color:#FEE01C}

/* Foot */
body.public.ups-v8 .ups-pc-foot{
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;
  border-top:1px solid #EDF6FB;
}
body.public.ups-v8 .ups-pc-price{display:flex;flex-direction:column;min-width:0;line-height:1.45}
body.public.ups-v8 .ups-pc-price s{font-size:12px;color:#8A836D;text-decoration-color:rgba(224,133,42,.7)}
body.public.ups-v8 .ups-pc-price b{display:flex;align-items:baseline;gap:5px;font-size:20px;color:var(--ups-navy);letter-spacing:-.4px;white-space:nowrap}
body.public.ups-v8 .ups-pc-price b small{font-size:11.5px;color:var(--ups-muted);letter-spacing:0}
body.public.ups-v8 .ups-pc-price em{font-style:normal;font-size:11.5px;color:#C0661B;margin-top:2px}
body.public.ups-v8 .ups-pc-add{
  position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:0;
  height:48px;min-width:48px;padding:0 14px;border:0;border-radius:15px;cursor:pointer;
  background:var(--ups-navy);color:#fff;font:inherit;font-size:13px;overflow:hidden;
  box-shadow:0 12px 22px -14px rgba(17,17,17,.9);
  transition:background .25s,gap .3s var(--ups-ease),box-shadow .25s;
}
body.public.ups-v8 .ups-pc-add span{max-width:0;opacity:0;white-space:nowrap;transition:max-width .35s var(--ups-ease),opacity .25s}
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc-add,body.public.ups-v8 .ups-pc-add:focus-visible{gap:8px}
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc-add span,body.public.ups-v8 .ups-pc-add:focus-visible span{max-width:70px;opacity:1}
body.public.ups-v8 .ups-pc-add:hover{background:linear-gradient(135deg,#C7A900,#FEE01C);box-shadow:0 14px 24px -12px rgba(199,169,0,.9)}
body.public.ups-v8 .ups-pc-add:active{transform:scale(.96)}
body.public.ups-v8 .ups-pc-add:disabled{background:#D8D1B5;box-shadow:none;cursor:not-allowed}
body.public.ups-v8 .ups-pc-compare,body.public.ups-v8 .ups-pc-add{z-index:2}

/* Out of stock */
body.public.ups-v8 .p-card.ups-pc.is-out .p-cover img,
body.public.ups-v8 .p-card.ups-pc.is-out .p-art{filter:grayscale(1);opacity:.6}

@media (hover:none){
  body.public.ups-v8 .ups-pc-add span{max-width:0;opacity:0}
  body.public.ups-v8 .p-card.ups-pc:hover{translate:none}
}
@media (max-width:640px){
  body.public.ups-v8 .p-card.ups-pc{padding:5px;--pc-r:20px}
  body.public.ups-v8 .ups-pc-body{padding:10px 6px 6px;gap:6px}
  body.public.ups-v8 .ups-pc h3{font-size:13px}
  body.public.ups-v8 .ups-pc-specs li:nth-child(2){display:none}
  body.public.ups-v8 .ups-pc-price b{font-size:15.5px}
  body.public.ups-v8 .ups-pc-add{height:40px;min-width:40px;padding:0 10px;border-radius:12px}
  body.public.ups-v8 .ups-pc-off{min-width:40px;padding:3px 6px;border-radius:11px;top:8px;inset-inline-start:8px}
  body.public.ups-v8 .ups-pc-compare.p-compare{width:32px;height:32px;top:8px;inset-inline-end:8px}
  body.public.ups-v8 .ups-pc-tag{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.public.ups-v8 .p-card.ups-pc,body.public.ups-v8 .p-card.ups-pc *{transition:none!important}
  body.public.ups-v8 .p-card.ups-pc:hover{translate:none}
}
body.public.ups-v8 .ups-pc-media{z-index:2}
body.public.ups-v8 .ups-pc .p-cover{display:block;height:auto}
body.public.ups-v8 .ups-pc .p-cover img{position:absolute;inset:0;margin:0}
body.public.ups-v8 .ups-pc .p-art{position:absolute;top:50%;left:50%;translate:-50% -56%;margin:0;display:block}
body.public.ups-v8 .ups-pc .p-art svg{display:block;width:100%;height:auto}
body.public.ups-v8 .ups-pc .p-cover .p-art{width:40%;height:auto;aspect-ratio:1;max-width:130px}
body.public.ups-v8 .ups-pc .p-cover .p-art svg{width:100%;height:100%}
body.public.ups-v8 .ups-pc .p-cover img{width:100%;height:100%}
body.public.ups-v8 .p-card.ups-pc,body.public.ups-v8 .ups-pc-media{min-width:0;max-width:100%}
body.public.ups-v8 .ups-pc .p-cover{width:100%!important;min-width:0!important;max-width:100%!important;min-height:0;flex:none}

/* ========================================================================== 
   V9.3 — Commerce redesign
   Advanced product cards + premium single-product experience.
   This layer intentionally comes last so it upgrades V8.2 without changing
   the cart, catalogue or CMS data model.
   ========================================================================== */

/* ----------------------------- product cards: richer, calmer, more shoppable */
body.public.ups-v8 .p-grid{
  grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
  gap:clamp(16px,2vw,24px);
  align-items:stretch;
}
body.public.ups-v8 .p-grid.compact{grid-template-columns:repeat(auto-fill,minmax(242px,1fr))}
body.public.ups-v8 .p-card.ups-pc{
  --pc-r:26px;
  padding:8px;
  border-radius:var(--pc-r);
  border:1px solid rgba(254,224,28,.26);
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,255,255,.91));
  box-shadow:0 18px 48px -38px rgba(17,17,17,.62),inset 0 1px 0 rgba(255,255,255,.9);
  isolation:isolate;
}
body.public.ups-v8 .p-card.ups-pc::before{
  content:"";display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(145deg,rgba(254,224,28,.12),transparent 36%,rgba(255,243,163,.10));
  opacity:0;transition:opacity .3s var(--ups-ease);
}
body.public.ups-v8 .p-card.ups-pc:hover{
  translate:0 -5px;border-color:rgba(199,169,0,.35);
  box-shadow:0 28px 65px -38px rgba(63,66,71,.62),0 10px 28px -24px rgba(199,169,0,.75);
}
body.public.ups-v8 .p-card.ups-pc:hover::before{opacity:1}
body.public.ups-v8 .ups-pc-media{border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#FFFEF7,#FFFDF2)}
body.public.ups-v8 .ups-pc .p-cover{
  aspect-ratio:1/.86;border-radius:20px;
  background:
    radial-gradient(65% 55% at 50% 24%,rgba(255,255,255,.98),rgba(255,255,255,.36) 65%,transparent 100%),
    linear-gradient(145deg,#FFFEF7 0%,#FFFDF2 62%,#F3F0E4 100%);
}
body.public.ups-v8 .ups-pc .p-cover::before{
  height:38%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.74));
}
body.public.ups-v8 .ups-pc .p-cover::after{bottom:10%;left:27%;right:27%;height:17px;filter:blur(4px);opacity:.75}
body.public.ups-v8 .ups-pc-ring{
  width:63%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,.82) 44%,rgba(255,243,163,.45) 72%,rgba(254,224,28,.08));
  box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 0 16px rgba(255,255,255,.2),0 0 60px rgba(254,224,28,.22);
}
body.public.ups-v8 .ups-pc-glow{
  position:absolute;left:50%;top:12%;translate:-50% 0;width:74%;height:52%;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,243,163,.52),transparent 70%);filter:blur(14px);
}
body.public.ups-v8 .ups-pc .p-cover img{padding:20px 22px 16px;filter:drop-shadow(0 22px 14px rgba(17,17,17,.13))}
body.public.ups-v8 .p-card.ups-pc:hover .p-cover img{transform:translateY(-7px) scale(1.035);filter:drop-shadow(0 28px 17px rgba(17,17,17,.17))}
body.public.ups-v8 .ups-pc-view{
  position:absolute;inset-inline-start:50%;bottom:12px;translate:50% 9px;z-index:3;
  display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;
  background:rgba(17,17,17,.88);color:#fff;font-size:11.5px;line-height:1;white-space:nowrap;
  opacity:0;transition:opacity .25s var(--ups-ease),translate .3s var(--ups-ease);pointer-events:none;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.public.ups-v8 .p-card.ups-pc:hover .ups-pc-view{opacity:1;translate:50% 0}
body.public.ups-v8 .ups-pc-off{top:11px;inset-inline-start:11px;border-radius:12px;min-width:52px;padding:6px 9px;background:linear-gradient(145deg,#F3A54E,#D97921)}
body.public.ups-v8 .ups-pc-compare.p-compare{top:11px;inset-inline-end:11px;width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.85)}
body.public.ups-v8 .ups-pc-tag{bottom:12px;inset-inline-end:12px;border:1px solid rgba(255,255,255,.86);font-weight:700;color:var(--ups-deep)}
body.public.ups-v8 .ups-pc-tag.is-ready{background:rgba(235,255,247,.84);color:#087253}
body.public.ups-v8 .ups-pc-body{padding:15px 11px 9px;gap:9px}
body.public.ups-v8 .ups-pc-kicker{font-size:11.5px;color:#C7A900;font-weight:700}
body.public.ups-v8 .ups-pc-rate{padding:3px 7px;border-radius:999px;background:#FFF8E8;color:#B8761C}
body.public.ups-v8 .ups-pc-rate.is-new{background:#F1F8FC;color:#67614F;font-size:10.5px}
body.public.ups-v8 .ups-pc h3{font-size:15.5px;line-height:1.9;min-height:3.8em;font-weight:800;letter-spacing:-.15px}
body.public.ups-v8 .ups-pc-specs{gap:6px}
body.public.ups-v8 .ups-pc-specs li{
  padding:5px 8px;border-radius:9px;background:#FFFEF8;border:1px solid #E9E0B6;color:#67614F;font-size:11.5px;white-space:nowrap;
}
body.public.ups-v8 .ups-pc-specs svg{color:#C7A900;flex:none}
body.public.ups-v8 .ups-pc-assurance{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-top:1px;
  border-radius:11px;background:linear-gradient(135deg,#FFFDF7,#FFF8D6);border:1px solid #E9E0B6;
  color:#616161;font-size:11px;
}
body.public.ups-v8 .ups-pc-assurance span{display:inline-flex;align-items:center;gap:4px;min-width:0}
body.public.ups-v8 .ups-pc-assurance svg{color:#C7A900}
body.public.ups-v8 .ups-pc-assurance .is-stock{color:#0B7958}.ups-pc-assurance .is-stock svg{color:#0B956B}
body.public.ups-v8 .ups-pc-assurance .is-out{color:#B65050}
body.public.ups-v8 .ups-pc-foot{padding-top:13px;border-top:1px solid #E8F3F8;align-items:center}
body.public.ups-v8 .ups-price-label{font-size:10.5px!important;color:#A9A79F!important;margin-bottom:2px}
body.public.ups-v8 .ups-pc-price s{font-size:11.5px}
body.public.ups-v8 .ups-pc-price b{font-size:20px;font-weight:900;color:#202020}
body.public.ups-v8 .ups-pc-add{
  height:47px;min-width:104px;padding:0 15px;gap:8px;border-radius:14px;
  background:linear-gradient(145deg,#1B1B1B,#111111);box-shadow:0 13px 24px -15px rgba(17,17,17,.9);
}
body.public.ups-v8 .ups-pc-add span{max-width:78px;opacity:1;font-size:12px;font-weight:800}
body.public.ups-v8 .ups-pc-add:hover{background:linear-gradient(145deg,#C7A900,#DDAC0D)}

/* ----------------------------- single product: elevated commerce hero */
body.public.ups-v8 .product-page{gap:22px;padding-top:26px;padding-bottom:70px}
body.public.ups-v8 .product-page>.breadcrumb{margin-bottom:-6px;color:#86898B;font-size:12px}
body.public.ups-v8 .product-hero-shell{
  position:relative;padding:clamp(14px,2.1vw,24px);border:1px solid rgba(254,224,28,.28);border-radius:32px;overflow:hidden;
  background:
    radial-gradient(800px 300px at 90% -20%,rgba(255,243,163,.34),transparent 65%),
    linear-gradient(135deg,#FFFEF7 0%,#FFFDF2 54%,rgba(255,255,255,.92) 100%);
  box-shadow:0 28px 70px -54px rgba(63,66,71,.65),inset 0 1px 0 rgba(255,255,255,.95);
}
body.public.ups-v8 .product-hero-shell::before{
  content:"";position:absolute;left:-110px;bottom:-160px;width:360px;height:360px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(254,224,28,.16),transparent 68%);
}
body.public.ups-v8 .product-top{position:relative;z-index:1;grid-template-columns:minmax(330px,.9fr) minmax(390px,1.08fr) minmax(300px,340px);gap:clamp(18px,2vw,28px)}
body.public.ups-v8 .gallery{top:94px;gap:12px}
body.public.ups-v8 .gallery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px;color:#3F4247}
body.public.ups-v8 .gallery-head span{font-size:12px;font-weight:800;color:#3F4247}
body.public.ups-v8 .gallery-head small{font-size:10.5px;color:#86898B}
body.public.ups-v8 .gallery-main{
  min-height:410px;max-height:none;aspect-ratio:1/1;border-radius:25px;padding:28px;overflow:hidden;
  border:1px solid rgba(254,224,28,.28);
  background:
    radial-gradient(62% 54% at 50% 40%,#fff 0%,rgba(255,255,255,.7) 58%,transparent 100%),
    linear-gradient(145deg,#F9FDFF,#FFF8D6);
  box-shadow:0 18px 40px -30px rgba(63,66,71,.48),inset 0 1px 0 #fff;
}
body.public.ups-v8 .gallery-main::before{
  content:"";position:absolute;left:20%;right:20%;bottom:10%;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(17,17,17,.18),transparent 68%);filter:blur(5px)
}
body.public.ups-v8 .gallery-main::after{
  content:"";position:absolute;left:50%;top:49%;translate:-50% -50%;width:72%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,#fff 0%,rgba(255,243,163,.36) 65%,rgba(254,224,28,.05) 100%);box-shadow:0 0 0 18px rgba(255,255,255,.2)
}
body.public.ups-v8 .gallery-main img,body.public.ups-v8 .gallery-main .p-art{position:relative;z-index:2;filter:drop-shadow(0 30px 18px rgba(17,17,17,.16));transition:transform .35s var(--ups-ease)}
body.public.ups-v8 .gallery-main:hover img{transform:translateY(-4px) scale(1.025)}
body.public.ups-v8 .gallery-watermark{position:absolute;top:18px;left:22px;z-index:1;font-size:11px;letter-spacing:.28em;font-weight:900;color:rgba(199,169,0,.14);direction:ltr}
body.public.ups-v8 .gallery-zoom-hint{
  position:absolute;bottom:15px;inset-inline-start:15px;z-index:4;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;
  background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#3F4247;font-size:10.5px
}
body.public.ups-v8 .gallery-main .p-off.big{z-index:4;top:14px;inset-inline-start:14px;border-radius:12px;background:linear-gradient(145deg,#F0A04A,#D67821);box-shadow:0 12px 20px -14px #A95D14}
body.public.ups-v8 .gallery-thumbs{gap:8px;flex-wrap:nowrap;overflow:auto;padding:2px 1px 4px;scrollbar-width:none}
body.public.ups-v8 .gallery-thumbs::-webkit-scrollbar{display:none}
body.public.ups-v8 .thumb{flex:0 0 70px;width:70px;height:70px;border-radius:13px;border:1px solid #F3EDC9;background:#fff;padding:5px;box-shadow:0 8px 18px -17px rgba(17,17,17,.7)}
body.public.ups-v8 .thumb.on{border-color:#F8DD1B;box-shadow:0 0 0 3px rgba(254,224,28,.16),0 8px 18px -17px rgba(17,17,17,.7)}
body.public.ups-v8 .video-link{justify-content:center;min-height:38px;border:1px dashed #F3F0E4;border-radius:12px;background:rgba(255,255,255,.6);font-size:11.5px}

body.public.ups-v8 .product-intro{gap:12px;padding-top:4px;align-content:start}
body.public.ups-v8 .product-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.public.ups-v8 .product-eyebrow span{font-size:11.5px;font-weight:800;color:#C7A900;padding:6px 10px;border-radius:999px;background:rgba(254,224,28,.11);border:1px solid rgba(254,224,28,.22)}
body.public.ups-v8 .product-eyebrow em{font-style:normal;font-size:11px;font-weight:800;color:#087253;display:inline-flex;align-items:center;gap:5px}
body.public.ups-v8 .product-eyebrow em::before{content:"";width:7px;height:7px;border-radius:50%;background:#1BAF7A;box-shadow:0 0 0 4px rgba(27,175,122,.10)}
body.public.ups-v8 .product-eyebrow em.is-out{color:#A84E4E}.product-eyebrow em.is-out::before{background:#D45B5B;box-shadow:0 0 0 4px rgba(212,91,91,.1)}
body.public.ups-v8 .product-intro h1{font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1.55;letter-spacing:-.45px;color:#3F4247;font-weight:900;margin:0}
body.public.ups-v8 .p-topline{gap:7px;padding-bottom:1px}
body.public.ups-v8 .p-topline span,body.public.ups-v8 .p-topline .brand-tag{background:rgba(255,255,255,.68);border:1px solid #F4EFD5;border-radius:9px;padding:5px 8px;font-size:10.8px}
body.public.ups-v8 .p-topline .brand-tag{color:#DDAC0D;font-weight:800}
body.public.ups-v8 .p-topline .rating{color:#8A681E}
body.public.ups-v8 .p-summary{font-size:13.5px;line-height:2.05;color:#3F4247;margin:0;padding:0 2px}
body.public.ups-v8 .product-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.public.ups-v8 .product-value-strip>span{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.66);border:1px solid #F7F2D9}
body.public.ups-v8 .product-value-strip svg{grid-row:1/3;color:#C7A900}
body.public.ups-v8 .product-value-strip b{font-size:10.8px;color:#3F4247}.product-value-strip small{font-size:9.8px;color:#86898B}
body.public.ups-v8 .p-badges.lg{gap:5px}.p-badges.lg span{background:#EEFBF6;border:1px solid #DDF4E9;color:#18765A;font-size:10.5px;padding:5px 8px}
body.public.ups-v8 .benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.public.ups-v8 .benefit-list li{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.64);border-color:#F7F2D9;min-width:0}
body.public.ups-v8 .benefit-list .b-dot{width:22px;height:22px;background:#EAF9F4}
body.public.ups-v8 .benefit-list b{font-size:11.3px;color:#3F4247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.public.ups-v8 .benefit-list small{font-size:10.2px;line-height:1.75;color:#86898B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.public.ups-v8 .quick-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.public.ups-v8 .quick-specs>div{padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #F4EFD5;box-shadow:0 10px 20px -22px rgba(17,17,17,.7)}
body.public.ups-v8 .quick-specs small{font-size:9.8px;color:#A9A79F}.quick-specs b{display:block;margin-top:2px;font-size:11.2px;line-height:1.75;color:#3F4247}

/* Purchase card */
body.public.ups-v8 .buy-box{
  top:94px;gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(199,169,0,.22);border-top:1px solid rgba(199,169,0,.22);
  background:rgba(255,255,255,.9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  box-shadow:0 24px 55px -36px rgba(17,17,17,.6),inset 0 1px 0 #fff;
}
body.public.ups-v8 .buy-box::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#C7A900,#FEE01C,#FFF3A3)}
body.public.ups-v8 .buy-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0 10px;border-bottom:1px solid #E8F2F7}
body.public.ups-v8 .buy-box-head div{display:grid;gap:1px}.buy-box-head small{font-size:9.8px;color:#A9A79F}.buy-box-head b{font-size:12px;color:#3F4247}
body.public.ups-v8 .buy-secure{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#EDFAF5;color:#117255;font-size:9.5px;font-weight:800}
body.public.ups-v8 .buy-price-zone{display:grid;gap:8px;padding:2px 0}
body.public.ups-v8 .buy-box .price-block{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;margin:0}
body.public.ups-v8 .buy-box .price-old{grid-column:1;font-size:11px}.buy-box .price-off{grid-column:2;grid-row:1;padding:3px 6px;border-radius:8px}
body.public.ups-v8 .buy-box .price-now{grid-column:1/3;display:flex;align-items:baseline;justify-content:flex-start;gap:5px;width:auto;font-size:26px;font-weight:950;letter-spacing:-.7px;color:#202020}
body.public.ups-v8 .buy-box .price-now small{font-size:11px}
body.public.ups-v8 .buy-saving{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:10px;background:#FFF7E9;border:1px solid #F8E3BE;font-size:10px;color:#8A6226}
body.public.ups-v8 .buy-saving b{font-size:11px;color:#B66819}
body.public.ups-v8 .buy-stock-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:11px;background:#FFFEF8;border:1px solid #E4F1F7}
body.public.ups-v8 .buy-stock-row .stock{font-size:10.5px}.buy-delivery{font-size:9.8px;font-weight:800;color:#DDAC0D}
body.public.ups-v8 .buy-points{gap:6px;padding:2px 1px}.buy-points li{font-size:10.7px;line-height:1.75;color:#3F4247}.buy-points svg{margin-top:.22em}
body.public.ups-v8 .buy-actions{gap:7px}
body.public.ups-v8 .buy-primary{min-height:54px!important;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:start;border-radius:14px!important;padding:8px 14px!important;background:linear-gradient(135deg,#D97820,#F0A04A)!important;border:0!important;box-shadow:0 16px 28px -18px rgba(190,100,20,.9)!important;color:#fff!important}
body.public.ups-v8 .buy-primary svg{grid-row:1/3}.buy-primary span{font-size:12.5px;font-weight:900}.buy-primary small{font-size:9.2px;font-weight:500;opacity:.88}
body.public.ups-v8 .buy-primary:hover{filter:saturate(1.05) brightness(.98);transform:translateY(-1px)}
body.public.ups-v8 .buy-secondary{min-height:44px!important;border-radius:13px!important;display:flex!important;align-items:center;justify-content:center;gap:7px!important;font-size:11.5px!important;background:#FFFDF8!important}
body.public.ups-v8 .code-box{padding:8px 10px;border-radius:11px;background:#FFF8EB;border-color:#E9B266}.code-box small{font-size:9.5px}.code-box b{font-size:11px}.code-box .button{min-height:32px;padding:5px 9px;font-size:10px}
body.public.ups-v8 .buy-trust{justify-content:space-between;gap:5px;padding-top:10px}.buy-trust span{font-size:9.5px;white-space:nowrap}.buy-trust svg{color:#DDAC0D}
body.public.ups-v8 .buy-consult{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:12px;background:linear-gradient(135deg,#FFFDF2,#FFFDF7);color:#3F4247;text-align:start;cursor:pointer;font:inherit}
body.public.ups-v8 .buy-consult>svg:first-child{color:#C7A900}.buy-consult>svg:last-child{color:#A9A79F}.buy-consult span{display:grid;gap:1px}.buy-consult b{font-size:10.5px}.buy-consult small{font-size:9px;color:#86898B}
body.public.ups-v8 .buy-consult:hover{background:#ECF8FE}

body.public.ups-v8 .product-hero-trust{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:20px;border-top:1px solid rgba(254,224,28,.22);padding-top:15px}
body.public.ups-v8 .product-hero-trust span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:0 10px;color:#616161;font-size:10.5px;border-inline-end:1px solid #DFEEF6}
body.public.ups-v8 .product-hero-trust span:last-child{border-inline-end:0}.product-hero-trust svg{color:#C7A900}

/* In-page navigation & content panels */
body.public.ups-v8 .p-jump{
  top:84px;z-index:25;gap:5px;padding:6px;border-radius:16px;border-color:rgba(254,224,28,.3);
  background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 15px 36px -28px rgba(17,17,17,.65)
}
body.public.ups-v8 .p-jump a{padding:8px 12px;border-radius:10px;font-size:11px;font-weight:700}.p-jump a:hover{background:#FFF9DF;color:#DDAC0D}
body.public.ups-v8 .p-sections{gap:20px}
body.public.ups-v8 .p-section{
  position:relative;padding:clamp(18px,2.7vw,30px);border-radius:26px;border:1px solid rgba(254,224,28,.22);
  background:rgba(255,255,255,.88);box-shadow:0 24px 55px -48px rgba(17,17,17,.66),inset 0 1px 0 #fff;overflow:hidden
}
body.public.ups-v8 .p-section::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#C7A900,#FEE01C 42%,transparent 78%);opacity:.72}
body.public.ups-v8 .p-section>h2{position:relative;margin:0 0 18px;padding-inline-start:14px;font-size:clamp(1.1rem,1.7vw,1.42rem);line-height:1.7;color:#3F4247;font-weight:900;letter-spacing:-.25px}
body.public.ups-v8 .p-section>h2::before{content:"";position:absolute;inset-inline-start:0;top:.47em;width:5px;height:1.15em;border-radius:999px;background:linear-gradient(#C7A900,#FEE01C)}
body.public.ups-v8 .wp-spec-table{overflow:hidden;border-radius:14px;border-collapse:separate;border-spacing:0;border:1px solid #F7F2D9}
body.public.ups-v8 .wp-spec-table th,.wp-spec-table td{padding:11px 14px;font-size:11.5px;border-bottom:1px solid #E7F2F7;line-height:1.85}.wp-spec-table tr:last-child th,.wp-spec-table tr:last-child td{border-bottom:0}
body.public.ups-v8 .wp-spec-table th{background:#F5FBFE;color:#86898B;font-weight:700}.wp-spec-table td{background:#fff;color:#3F4247;font-weight:600}
body.public.ups-v8 .cost-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cost-grid>div{padding:13px;border-radius:14px;background:#FFFEF8;border-color:#F5F0D6}.cost-grid .total{background:#FFF7EB;border-color:#F5DDBA}
body.public.ups-v8 .install-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.install-steps>div{padding:15px;border-radius:15px;background:linear-gradient(145deg,#FFFDF8,#F2FAFE);border-color:#F7F2D9}.install-steps span{background:linear-gradient(145deg,#C7A900,#FEE01C);box-shadow:0 8px 18px -12px #C7A900}.install-steps b{font-size:11.5px;color:#2E2E2E}.install-steps small{font-size:10.2px;color:#86898B}
body.public.ups-v8 .wp-faq details{border-radius:14px;background:#FFFDF8;border-color:#F5F0D6;box-shadow:none}.wp-faq summary{font-size:11.7px;color:#2E2E2E}.wp-faq p{font-size:11px;color:#86898B}
body.public.ups-v8 .rating-summary{display:inline-flex;padding:8px 12px;border-radius:12px;background:#FFF8E9;border:1px solid #F5E4BE}.rating-summary b{font-size:18px}.rating-summary small{font-size:10px}
body.public.ups-v8 .review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review{padding:13px 14px;border-radius:15px;background:#FFFDF8;border-color:#F5F0D6}.review>div{font-size:10px}.review p{font-size:11.2px;line-height:1.95;color:#3F4247}.review-reply{background:#FFFBE1;border-inline-start-color:#F8DD1B;padding:8px 10px;border-radius:9px}
body.public.ups-v8 .review-form{margin-top:14px;border:1px solid #F7F2D9;border-radius:16px;background:linear-gradient(145deg,#FFFDF8,#FFFBE8);padding:15px}
body.public.ups-v8 .sticky-buy{padding:9px max(16px,calc((100vw - 1280px)/2));background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-top-color:#F3F0E4;box-shadow:0 -15px 36px -30px rgba(17,17,17,.7)}

@media (max-width:1180px){
  body.public.ups-v8 .product-top{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}
  body.public.ups-v8 .buy-box{position:relative;top:auto;grid-column:2}
  body.public.ups-v8 .gallery{grid-row:1/3}
  body.public.ups-v8 .product-hero-trust{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:9px}
  body.public.ups-v8 .product-hero-trust span:nth-child(2){border-inline-end:0}
  body.public.ups-v8 .quick-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  body.public.ups-v8 .product-hero-shell{border-radius:24px;padding:13px}
  body.public.ups-v8 .product-top{grid-template-columns:1fr;gap:18px}
  body.public.ups-v8 .gallery{position:relative;top:auto;grid-row:auto;max-width:620px;width:100%;margin-inline:auto}
  body.public.ups-v8 .buy-box{grid-column:auto;position:relative;top:auto}
  body.public.ups-v8 .gallery-main{min-height:0;aspect-ratio:1/1}
  body.public.ups-v8 .product-value-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.public.ups-v8 .benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .p-jump{top:72px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}
  body.public.ups-v8 .p-jump::-webkit-scrollbar{display:none}.p-jump a{white-space:nowrap}
  body.public.ups-v8 .cost-grid,body.public.ups-v8 .install-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .review-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.public.ups-v8 .p-grid,body.public.ups-v8 .p-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.public.ups-v8 .p-card.ups-pc{padding:5px;--pc-r:19px}.ups-pc-media{border-radius:15px!important}.ups-pc .p-cover{border-radius:15px!important;aspect-ratio:1/.9}.ups-pc .p-cover img{padding:12px!important}
  body.public.ups-v8 .ups-pc-body{padding:9px 5px 5px;gap:6px}.ups-pc-kicker{font-size:9.5px!important}.ups-pc-rate{padding:2px 5px!important;font-size:9.5px!important}.ups-pc-rate small{display:none}
  body.public.ups-v8 .ups-pc h3{font-size:11.5px;line-height:1.78;min-height:3.55em}.ups-pc-specs{display:grid!important;grid-template-columns:1fr}.ups-pc-specs li{font-size:9.6px!important;padding:4px 5px!important}.ups-pc-specs li:nth-child(n+2){display:none!important}
  body.public.ups-v8 .ups-pc-assurance{padding:5px 6px;font-size:9px}.ups-pc-assurance span:nth-child(2){display:none}.ups-pc-price b{font-size:13.5px!important}.ups-pc-price s{font-size:9px!important}.ups-price-label{font-size:9px!important}
  body.public.ups-v8 .ups-pc-add{min-width:38px;width:38px;height:38px;padding:0;border-radius:11px}.ups-pc-add span{display:none}.ups-pc-view{display:none}.ups-pc-tag{display:none!important}
  body.public.ups-v8 .product-page{padding-top:18px;gap:14px}.product-hero-shell{padding:9px!important;border-radius:20px!important}.gallery-head{padding:0 3px!important}.gallery-main{padding:16px!important;border-radius:18px!important}.gallery-watermark{display:none}.gallery-zoom-hint{bottom:9px!important;inset-inline-start:9px!important;font-size:9px!important;padding:5px 7px!important}.thumb{width:58px!important;height:58px!important;flex-basis:58px!important}
  body.public.ups-v8 .product-intro{gap:9px;padding:2px 3px}.product-intro h1{font-size:1.35rem!important;line-height:1.6!important}.p-summary{font-size:12px!important}.product-value-strip{grid-template-columns:1fr 1fr!important}.product-value-strip>span:nth-child(3){grid-column:1/3}.benefit-list{grid-template-columns:1fr!important}.quick-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.public.ups-v8 .buy-box{padding:13px;border-radius:17px}.buy-box .price-now{font-size:22px!important}.product-hero-trust{grid-template-columns:1fr 1fr!important;margin-top:14px!important;padding-top:11px!important}.product-hero-trust span{font-size:9px!important;padding:0 4px!important}.product-hero-trust span:nth-child(even){border-inline-end:0!important}
  body.public.ups-v8 .p-section{padding:15px 13px;border-radius:19px}.p-section>h2{font-size:1.03rem!important;margin-bottom:13px!important}.cost-grid,.install-steps{grid-template-columns:1fr!important}.wp-spec-table th,.wp-spec-table td{padding:9px 10px!important;font-size:10.2px!important}
}

/* ----------------------------- site-wide card language */
body.public.ups-v8 .home-sections :is(.cat-card,.svc-card,.post-card,.ugc-item),
body.public.ups-v8 .brand-chip{
  position:relative;border:1px solid rgba(254,224,28,.22)!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,253,255,.9))!important;
  box-shadow:0 16px 38px -34px rgba(17,17,17,.62)!important;
  overflow:hidden;transition:transform .28s var(--ups-ease),box-shadow .28s var(--ups-ease),border-color .28s var(--ups-ease)!important;
}
body.public.ups-v8 .home-sections :is(.cat-card,.svc-card,.post-card,.ugc-item)::before,
body.public.ups-v8 .brand-chip::before{
  content:""!important;display:block!important;position:absolute;inset:0 0 auto 0;height:3px!important;pointer-events:none;
  background:linear-gradient(90deg,#C7A900,#FEE01C,#FFF3A3)!important;opacity:.6;
}
body.public.ups-v8 .home-sections :is(.cat-card,.svc-card,.post-card,.ugc-item):hover,
body.public.ups-v8 .brand-chip:hover{
  transform:translateY(-4px);border-color:rgba(199,169,0,.34)!important;
  box-shadow:0 24px 48px -36px rgba(63,66,71,.58)!important;
}
body.public.ups-v8 .home-sections .cat-card{padding:20px!important;gap:8px!important}
body.public.ups-v8 .home-sections .cat-card>span:first-child{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#FFFDF2,#E7F7FF);color:#C7A900;display:grid;place-items:center}
body.public.ups-v8 .home-sections .cat-card b{font-size:14px;color:#3F4247}.home-sections .cat-card small{font-size:11px;color:#86898B;line-height:1.85}
body.public.ups-v8 .home-sections .svc-card{padding:19px!important;gap:8px!important}.home-sections .svc-card>span{width:44px;height:44px;border-radius:14px!important;background:linear-gradient(145deg,#FFF8D6,#F3F0E4)!important;color:#C7A900!important}
body.public.ups-v8 .home-sections .svc-card b{font-size:13.5px!important}.home-sections .svc-card small{font-size:10.8px!important;line-height:1.9!important}
body.public.ups-v8 .home-sections .post-card img{aspect-ratio:16/9;border-radius:16px;margin:7px;width:calc(100% - 14px)}
body.public.ups-v8 .home-sections .post-card b{font-size:13px;line-height:1.85;padding-top:5px}.home-sections .post-card small{font-size:10.6px;line-height:1.9;padding-bottom:14px}
body.public.ups-v8 .brand-chip{padding:11px 13px!important;min-height:78px}.brand-chip img{max-height:38px;object-fit:contain}.brand-chip b{font-size:11.5px}.brand-chip small{font-size:9.5px}

/* ========================================================================== 
   V9.4 — Product detail layout repair + complete compare experience
   Keeps the gallery isolated from the title/details and gives the purchase
   panel a deliberate two-column commerce layout on large screens.
   ========================================================================== */
body.public.ups-v8 .product-hero-shell{overflow:visible}
body.public.ups-v8 .product-top{
  display:grid!important;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.35fr)!important;
  gap:clamp(22px,2.6vw,38px)!important;
  align-items:start!important;
}
body.public.ups-v8 .product-top>.gallery{
  min-width:0;max-width:100%;z-index:2;
  position:sticky;top:94px;align-self:start;
}
body.public.ups-v8 .product-content-stack{
  min-width:0;max-width:100%;display:grid;gap:18px;align-content:start;position:relative;z-index:1;
}
body.public.ups-v8 .product-content-stack>.product-intro{
  min-width:0;max-width:100%;overflow:visible;
  padding:4px 2px 2px;
}
body.public.ups-v8 .product-content-stack .product-intro h1{
  max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;
  font-size:clamp(1.55rem,2.35vw,2.18rem);line-height:1.62;
}
body.public.ups-v8 .product-content-stack .p-summary{max-width:76ch}
body.public.ups-v8 .gallery-main{width:100%;box-sizing:border-box}
body.public.ups-v8 .gallery-main img,body.public.ups-v8 .gallery-main .p-art{max-width:100%;max-height:100%}

/* Compact product actions just below the quick specs. */
body.public.ups-v8 .product-intro-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:9px;margin-top:1px}
body.public.ups-v8 .single-compare{
  position:relative;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 12px;border-radius:14px;
  background:#fff;border:1px solid #F3EDC9;color:#3F4247;cursor:pointer;transition:.2s ease;box-shadow:0 12px 24px -24px rgba(17,17,17,.72)
}
body.public.ups-v8 .single-compare:hover,body.public.ups-v8 .single-compare:has(input:checked){border-color:#E2DED3;background:#FFFDF2;box-shadow:0 0 0 3px rgba(254,224,28,.12)}
body.public.ups-v8 .single-compare input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-width:0!important;margin:0!important}
body.public.ups-v8 .single-compare>svg{width:20px;height:20px;color:#C7A900;flex:none}
body.public.ups-v8 .single-compare>span{display:grid;gap:1px}
body.public.ups-v8 .single-compare b{font-size:11.5px;color:#3F4247}
body.public.ups-v8 .single-compare small{font-size:9.8px;color:#86898B}
body.public.ups-v8 .single-compare-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:8px 13px;border-radius:14px;background:#FFFDF7;border:1px solid #F3EDC9;color:#DDAC0D;font-size:11px;font-weight:800}
body.public.ups-v8 .single-compare-link:hover{background:#FFF9DF;border-color:#E2DED3}

/* Purchase panel uses the full information-column width instead of a narrow third column. */
body.public.ups-v8 .product-content-stack>.buy-box{
  position:relative!important;top:auto!important;grid-column:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(245px,.8fr)!important;
  grid-auto-flow:row;gap:10px 16px!important;padding:17px 18px!important;border-radius:22px!important;
  background:rgba(255,255,255,.9)!important;overflow:hidden;
}
body.public.ups-v8 .product-content-stack>.buy-box .buy-box-head{grid-column:1/-1}
body.public.ups-v8 .product-content-stack>.buy-box .buy-price-zone{grid-column:1;grid-row:2}
body.public.ups-v8 .product-content-stack>.buy-box .buy-stock-row{grid-column:1;grid-row:3}
body.public.ups-v8 .product-content-stack>.buy-box .buy-points{grid-column:1;grid-row:4/7;align-self:start}
body.public.ups-v8 .product-content-stack>.buy-box .buy-actions{grid-column:2;grid-row:2/4;align-self:stretch;display:grid;grid-template-rows:1fr auto;gap:8px}
body.public.ups-v8 .product-content-stack>.buy-box .buy-actions .buy-primary{min-height:62px!important}
body.public.ups-v8 .product-content-stack>.buy-box .code-box{grid-column:2;grid-row:4}
body.public.ups-v8 .product-content-stack>.buy-box>a.button.primary{grid-column:2}
body.public.ups-v8 .product-content-stack>.buy-box .buy-trust{grid-column:1/-1;margin-top:2px}
body.public.ups-v8 .product-content-stack>.buy-box .buy-consult{grid-column:1/-1}
body.public.ups-v8 .product-content-stack>.buy-box .price-now{font-size:28px!important}
body.public.ups-v8 .product-content-stack>.buy-box .buy-stock-row{min-height:43px}
body.public.ups-v8 .product-content-stack>.buy-box .buy-points{padding-block:2px 4px}

/* Compare dock: available from catalogue, home and single-product pages. */
body.public.ups-v8 .compare-bar{
  left:50%!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;transform:translateX(-50%);bottom:14px!important;width:min(1040px,calc(100vw - 30px));
  border:1px solid rgba(254,224,28,.28);border-radius:18px;padding:10px 12px!important;
  background:rgba(17,17,17,.94)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 24px 58px rgba(17,17,17,.28)!important;align-items:center;z-index:88!important
}
body.public.ups-v8 .compare-bar>b{font-size:11.5px;white-space:nowrap}
body.public.ups-v8 .compare-bar [data-compare-list]{gap:6px!important}
body.public.ups-v8 .compare-bar .compare-chip{display:inline-flex!important;align-items:center;gap:5px;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.1);padding:5px 7px 5px 5px!important;border-radius:10px!important;max-width:230px}
body.public.ups-v8 .compare-bar .compare-chip>span{padding:0!important;background:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.public.ups-v8 .compare-chip-remove{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:7px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font:inherit;line-height:1}
body.public.ups-v8 .compare-chip-remove:hover{background:#D65E5E}
body.public.ups-v8 .compare-bar [data-compare-go]{min-height:36px;padding:7px 12px;font-size:10.5px;white-space:nowrap}
body.public.ups-v8 .compare-bar .text-button{font-size:10.5px;white-space:nowrap}

/* Compare page cards/table. */
body.public.ups-v8 .compare-page{display:grid;gap:16px;padding-bottom:80px}
body.public.ups-v8 .compare-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #F3EDC9;border-radius:16px;background:linear-gradient(145deg,#F8FDFF,#FFFDF2)}
body.public.ups-v8 .compare-summary>div{display:grid;gap:2px}
body.public.ups-v8 .compare-summary b{font-size:12px;color:#3F4247}
body.public.ups-v8 .compare-summary small{font-size:10.5px;color:#86898B}
body.public.ups-v8 .compare-scroll{border:1px solid #F3EDC9;border-radius:20px;background:#fff;box-shadow:0 22px 50px -46px rgba(17,17,17,.7);overflow:auto}
body.public.ups-v8 .compare-table{border-collapse:separate;border-spacing:0;min-width:760px}
body.public.ups-v8 .compare-table th,body.public.ups-v8 .compare-table td{border:0;border-bottom:1px solid #F6F1D8;border-inline-end:1px solid #F6F1D8;padding:12px 13px}
body.public.ups-v8 .compare-table tr>*:last-child{border-inline-end:0}
body.public.ups-v8 .compare-table thead th{position:relative;top:auto;background:linear-gradient(180deg,#FFFDF7,#EFF8FD);padding:14px 12px;min-width:190px}
body.public.ups-v8 .compare-table thead th:first-child{min-width:145px;color:#86898B}
body.public.ups-v8 .compare-table thead img{width:110px;height:110px;margin:0 auto 8px;object-fit:contain;filter:drop-shadow(0 15px 10px rgba(17,17,17,.10))}
body.public.ups-v8 .compare-table thead .p-art{width:110px;height:110px;margin:0 auto 8px;color:#C8C5BC}
body.public.ups-v8 .compare-table thead b{min-height:3.4em;font-size:11.5px;line-height:1.7;color:#3F4247}
body.public.ups-v8 .compare-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
body.public.ups-v8 .compare-head-actions .button{min-height:34px;padding:6px 8px;font-size:10px}
body.public.ups-v8 .compare-remove{position:absolute;top:8px;inset-inline-end:8px;width:28px;height:28px;border:1px solid #F3F0E4;border-radius:9px;background:#fff;color:#A9A79F;cursor:pointer;font-size:18px;line-height:1;z-index:3}
body.public.ups-v8 .compare-remove:hover{background:#FFF2F2;border-color:#F0CACA;color:#B64D4D}
body.public.ups-v8 .compare-table tbody th{background:#FFFDF8;color:#86898B;font-size:10.8px;font-weight:800;position:sticky;inset-inline-start:0;z-index:2}
body.public.ups-v8 .compare-table tbody td{font-size:11px;color:#3F4247;background:#fff}
body.public.ups-v8 .compare-table tr.diff td{background:#FFF9EE;color:#754C19;font-weight:800}
body.public.ups-v8 .compare-table tr.same td{color:#86898B;background:#FCFEFF}

@media (max-width:1120px){
  body.public.ups-v8 .product-top{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;gap:22px!important}
  body.public.ups-v8 .product-content-stack>.buy-box{grid-template-columns:1fr!important}
  body.public.ups-v8 .product-content-stack>.buy-box>*{grid-column:1!important;grid-row:auto!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-actions{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-actions .buy-primary{min-height:52px!important}
}
@media (max-width:840px){
  body.public.ups-v8 .product-hero-shell{overflow:hidden}
  body.public.ups-v8 .product-top{grid-template-columns:1fr!important;gap:18px!important}
  body.public.ups-v8 .product-top>.gallery{position:relative;top:auto;max-width:640px;margin-inline:auto;width:100%}
  body.public.ups-v8 .product-content-stack{gap:14px}
  body.public.ups-v8 .product-content-stack>.buy-box{grid-template-columns:1fr 1fr!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-box-head,body.public.ups-v8 .product-content-stack>.buy-box .buy-trust,body.public.ups-v8 .product-content-stack>.buy-box .buy-consult{grid-column:1/-1!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-price-zone,body.public.ups-v8 .product-content-stack>.buy-box .buy-stock-row,body.public.ups-v8 .product-content-stack>.buy-box .buy-points{grid-column:1!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-actions,body.public.ups-v8 .product-content-stack>.buy-box .code-box,body.public.ups-v8 .product-content-stack>.buy-box>a.button.primary{grid-column:2!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-actions{grid-row:2/4!important;grid-template-columns:1fr}
}
@media (max-width:640px){
  body.public.ups-v8 .product-content-stack>.buy-box{grid-template-columns:1fr!important;padding:13px!important}
  body.public.ups-v8 .product-content-stack>.buy-box>*{grid-column:1!important;grid-row:auto!important}
  body.public.ups-v8 .product-content-stack>.buy-box .buy-actions{grid-template-columns:1fr!important}
  body.public.ups-v8 .product-intro-actions{display:grid;grid-template-columns:1fr}
  body.public.ups-v8 .single-compare,body.public.ups-v8 .single-compare-link{width:100%;box-sizing:border-box}
  body.public.ups-v8 .compare-bar{bottom:8px!important;width:calc(100vw - 16px);padding:8px!important;gap:6px!important}
  body.public.ups-v8 .compare-bar>b{display:none}
  body.public.ups-v8 .compare-bar [data-compare-list]{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
  body.public.ups-v8 .compare-bar [data-compare-list]::-webkit-scrollbar{display:none}
  body.public.ups-v8 .compare-bar .compare-chip{max-width:150px;flex:0 0 auto}
  body.public.ups-v8 .compare-bar [data-compare-go]{flex:0 0 auto}
  body.public.ups-v8 .compare-summary{align-items:flex-start;flex-direction:column}
  body.public.ups-v8 .compare-summary .button{width:100%;justify-content:center}
}

/* v9.7.1 — Advisor page wide layout fix
   Keep the questionnaire from collapsing into a narrow centered column on desktop. */
body.public.ups-v8 .advisor-page{
  width:min(1460px,calc(100% - 48px));
  max-width:none;
  grid-template-columns:minmax(0,1fr);
  justify-items:stretch;
  align-items:start;
}
body.public.ups-v8 .advisor-page > *{
  min-width:0;
}
body.public.ups-v8 .advisor-page > .shop-head,
body.public.ups-v8 .advisor-page > .wizard,
body.public.ups-v8 .advisor-page > .site-authored-section,
body.public.ups-v8 .advisor-page > .wz-result{
  width:100%;
  max-width:none;
  margin-inline:0;
  justify-self:stretch;
}
body.public.ups-v8 .advisor-page .advisor-wizard,
body.public.ups-v8 .advisor-page .wizard{
  width:100%;
  max-width:none;
  margin-inline:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px 28px;
  padding:clamp(24px,3vw,38px);
  border-radius:30px;
}
body.public.ups-v8 .advisor-page .wizard .wz-step{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
body.public.ups-v8 .advisor-page .wizard .wz-step-city{
  grid-column:1 / -1;
  padding-bottom:24px;
  border-bottom:1px solid var(--ups-line-soft);
}
body.public.ups-v8 .advisor-page .wizard .wz-step-city .wz-options{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
body.public.ups-v8 .advisor-page .wizard .wz-step-space,
body.public.ups-v8 .advisor-page .wizard .wz-step-concern,
body.public.ups-v8 .advisor-page .wizard .wz-step-source{
  padding:22px;
  border:1px solid var(--ups-line-soft);
  border-radius:22px;
  background:rgba(255,255,255,.66);
}
body.public.ups-v8 .advisor-page .wizard .wz-step-space .wz-options,
body.public.ups-v8 .advisor-page .wizard .wz-step-concern .wz-options,
body.public.ups-v8 .advisor-page .wizard .wz-step-source .wz-options{
  grid-template-columns:1fr;
  gap:9px;
}
body.public.ups-v8 .advisor-page .wizard .wz-options span{
  min-height:54px;
  align-content:center;
  padding:12px 14px;
}
body.public.ups-v8 .advisor-page .wizard .advisor-submit,
body.public.ups-v8 .advisor-page .wizard > button[type="submit"]{
  grid-column:1 / -1;
  width:min(360px,100%);
  min-height:56px;
  justify-self:center;
  margin-top:2px;
}
body.public.ups-v8 .advisor-page .wz-result{
  display:grid;
  gap:22px;
}
body.public.ups-v8 .advisor-page .wz-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

@media (max-width:1100px){
  body.public.ups-v8 .advisor-page{width:min(100% - 40px,1240px)}
  body.public.ups-v8 .advisor-page .advisor-wizard,
  body.public.ups-v8 .advisor-page .wizard{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body.public.ups-v8 .advisor-page .wizard .wz-step-city{grid-column:1 / -1}
  body.public.ups-v8 .advisor-page .wizard .wz-step-city .wz-options{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.public.ups-v8 .advisor-page .wizard .wz-step-source{grid-column:1 / -1}
  body.public.ups-v8 .advisor-page .wizard .wz-step-source .wz-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  body.public.ups-v8 .advisor-page{width:calc(100% - 28px)}
  body.public.ups-v8 .advisor-page .advisor-wizard,
  body.public.ups-v8 .advisor-page .wizard{grid-template-columns:1fr;padding:18px;gap:15px;border-radius:22px}
  body.public.ups-v8 .advisor-page .wizard .wz-step-city,
  body.public.ups-v8 .advisor-page .wizard .wz-step-space,
  body.public.ups-v8 .advisor-page .wizard .wz-step-concern,
  body.public.ups-v8 .advisor-page .wizard .wz-step-source{grid-column:1;padding:17px}
  body.public.ups-v8 .advisor-page .wizard .wz-step-city .wz-options,
  body.public.ups-v8 .advisor-page .wizard .wz-step-source .wz-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.public.ups-v8 .advisor-page .wz-cards{grid-template-columns:1fr}
}
@media (max-width:430px){
  body.public.ups-v8 .advisor-page .wizard .wz-step-city .wz-options,
  body.public.ups-v8 .advisor-page .wizard .wz-step-source .wz-options{grid-template-columns:1fr}
}


/* V9.8 — Core Web Vitals: mobile hero uses the preloaded WebP poster only. */
@media (max-width:768px){
  body.public.ups-v8 .ups-hero-media video{display:none!important}
  body.public.ups-v8 .ups-hero-media .ups-hero-poster{display:block!important}
}

/* Answer-first copy for semantic/AI search without turning the lead into keyword stuffing. */
body.public .answer-first-lead{max-width:78ch;font-weight:600;line-height:2;color:#3F4247}
body.public .shop-intro-detail,body.public .editorial-intro-detail,body.public .listing-intro-detail,body.public .industry-intro-detail,body.public .article-lede-secondary{margin-top:8px;color:#86898B;line-height:1.9}


/* V9.9.1 — Compact pre-footer advisor CTA, semantically inside <footer> but visually separate. */
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta{
  position:relative;
  z-index:4;
  width:min(1080px,calc(100% - 48px));
  margin:-34px auto 24px;
  padding:0;
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band{
  min-height:0;
  padding:16px 18px 16px 20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border-radius:18px;
  background:linear-gradient(135deg,#F8FCFF 0%,#FFFBE8 100%);
  border:1px solid #F3F0E4;
  color:var(--ups-ink);
  box-shadow:0 12px 30px rgba(17,17,17,.08);
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band::before,
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band::after{content:none}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .footer-cta-copy{min-width:0}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .footer-cta-kicker{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:5px;
  color:var(--ups-ocean);
  font-size:9.5px;
  font-weight:700;
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band h2{
  margin:0;
  color:var(--ups-navy);
  font-size:15.5px;
  line-height:1.75;
  font-weight:800;
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band p{
  max-width:760px;
  margin:3px 0 0;
  color:#86898B;
  font-size:10.5px;
  line-height:1.9;
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band>.button{
  min-height:38px;
  padding:7px 14px;
  border-radius:11px;
  border:1px solid #E2DED3;
  background:#fff;
  color:var(--ups-navy);
  box-shadow:none;
  font-size:10px;
  white-space:nowrap;
}
body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band>.button:hover{
  background:var(--ups-navy);
  border-color:var(--ups-navy);
  color:#fff;
  transform:translateY(-1px);
}
@media (max-width:720px){
  body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta{
    width:calc(100% - 28px);
    margin:-18px auto 20px;
  }
  body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band{
    grid-template-columns:1fr;
    gap:12px;
    padding:15px 16px;
    border-radius:16px;
  }
  body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band h2{font-size:14px}
  body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band p{font-size:10px}
  body.public.ups-v8 .site-footer.rich-footer > .footer-supplier-cta .cta-band>.button{width:max-content;min-height:36px}
}


/* Corporate logo treatment — exact supplied artwork */
body.public.ups-v8 .brand-icon{background:transparent!important;box-shadow:0 8px 22px -14px rgba(17,17,17,.45)!important;border-radius:10px!important;overflow:hidden}
body.public.ups-v8 .brand-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px}
body.public.ups-v8 .ups-header .brand:hover .brand-icon{box-shadow:0 10px 26px -14px rgba(17,17,17,.55)!important}