/* Site-wide additions on top of wwv.css: menus, filters, forms and small fixes. */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#quote,#service,#videos,#recs{scroll-margin-top:110px}

/* Header: menus drop down from the sticky header */
.s2{position:sticky;top:0;z-index:60}
.s2 .w-mega,.s2 .w-mob{position:absolute;left:0;right:0;top:100%;z-index:61}
.s2 .w-mega{animation:wwv-drop .18s ease both}
@keyframes wwv-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.wwv .w-mega a,.wwv .w-mob a{text-decoration:none}
.wwv .w-mega a.tile{color:inherit;display:flex;align-items:center;text-align:left}
.wwv .w-mega a.s48,.wwv .w-mega a.s58{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start}
.wwv .w-mega a.s69{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}
.wwv .w-mob a.s25{color:#003358}
.wwv .w-mob a.s27{display:flex;align-items:center;justify-content:center;color:#ffffff}
.nl[aria-expanded="true"] svg{transform:rotate(180deg)}
.nl[aria-expanded="true"]{color:#9e2f39!important}
.w-mob button[aria-expanded="true"] svg{transform:rotate(180deg)}
.wwv-scrim{position:fixed;inset:0;z-index:55;background:rgba(0,20,40,.35);border:0;padding:0}

/* Forms */
.wwv-field.is-bad{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.12)}
/* a field the form sends the visitor back to lands below the pinned header, its label in view */
.wwv-field{scroll-margin-top:164px}
@media (max-width: 760px){ .wwv-field{scroll-margin-top:104px} }
.wwv-err{display:block;margin-top:4px;font-size:13px;font-weight:600;color:#c0392b}
.wwv-form-note{font-size:14px;font-weight:700;color:#c0392b}
button[type=submit][disabled]{opacity:.7;cursor:progress}

/* Machine filters */
.mx-card[hidden]{display:none!important}
.mx-empty{padding:40px 20px;text-align:center;font-size:16px;color:#4a5361}

/* Support video player on the real site */
.wwv-modal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.wwv-lock{overflow:hidden}

/* Phones: the designed sections use fixed desktop measurements inline, so relax them here */
@media (max-width: 760px){
  [style*="minmax(240px"],[style*="minmax(260px"],[style*="minmax(280px"],[style*="minmax(300px"],[style*="minmax(320px"],
  [style*="minmax(340px"],[style*="minmax(360px"],[style*="minmax(380px"],[style*="minmax(420px"],[style*="minmax(440px"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="flex: 1 1 4"],[style*="flex: 1 1 5"],[style*="flex: 1 1 6"],[style*="flex: 1 1 3"],[style*="flex: 1 1 2"]{flex-basis:100%!important;min-width:0!important}
  [style*="max-width: 1296px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="padding: 88px 48px"],[style*="padding: 80px 48px"],[style*="padding: 76px 48px"],[style*="padding: 68px 48px"],[style*="padding: 64px 48px"]{padding-top:56px!important;padding-bottom:56px!important}
  [style*="padding: 30px 48px"]{padding-top:22px!important;padding-bottom:22px!important}
  [style*="grid-column: span 2"]{grid-column:auto!important}
  [style*="height: 640px"]{height:500px!important}
  [style*="height: 460px; width: auto"]{height:320px!important}
  [style*="padding: 40px 120px 70px 40px"]{padding:30px 90px 64px 24px!important;min-height:380px!important}
  [style*="height: 340px; width: auto"]{height:260px!important}
  [style*="width: 520px"],[style*="width: 580px"],[style*="width: 760px"],[style*="width: 700px"],[style*="width: 680px"],[style*="width: 640px"],[style*="width: 600px"],[style*="width: 560px"]{max-width:100%!important}
  form[style*="padding: 32px"]{padding:22px!important}
  .wwv-vid{min-width:0}
  h1[style*="font-size: clamp"],h2[style*="font-size: clamp"]{overflow-wrap:anywhere}
}
.w-mega .s47{max-width:64%;position:relative;z-index:1}

/* Blog pages: let the shared responsive rules see the page width */
main.wwv.bl{container-type:inline-size}

/* ---------- Phones ---------- */
@media (max-width: 760px){
  /* inputs at 16px stop iOS zooming in on focus */
  .wwv-field,#bl-q,#rec-q{font-size:16px!important}

  /* photo heroes: darker wash so text stays readable over busy photos */
  .s308 .s310,.s325 .s310,.s220 .s222,.s159 .s161,.s159 .s160{background:linear-gradient(180deg,rgba(0,26,46,.6) 0%,rgba(0,26,46,.82) 55%,rgba(0,26,46,.92) 100%)!important}

  /* home hero: text and search first, the three machines underneath */
  .m-hero{flex-direction:column!important;min-height:0!important}
  .m-hero>img{position:relative!important;inset:auto!important;order:2;height:250px!important;object-position:68% 55%!important}
  .m-hero>.m-hero-wash{display:none}
  .m-hero>.m-hero-in{padding-top:36px!important;padding-bottom:30px!important}
  .m-hero form a{flex:1 1 100%;justify-content:center}
  .m-hero>.m-hero-badge{top:auto!important;bottom:16px!important;right:16px!important;padding:10px 14px!important}
  /* hero search: slightly smaller field and button, compact popular chips */
  .m-hero form>div>div{height:56px!important;padding:0 16px!important;gap:10px!important}
  .m-hero form>div>div>svg{width:20px;height:20px}
  .m-hero form input{height:48px!important;font-size:17px!important}
  .m-hero form>div>a{height:54px!important;font-size:16px!important}
  .m-hero form+div{gap:7px!important}
  .m-hero form+div>span{font-size:13px!important;margin-right:2px!important}
  .m-hero form+div>a{min-height:36px!important;padding:0 13px!important;font-size:13px!important}

  /* home industries: two across */
  div:has(>.wwv-tiles>.wwv-tile){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .wwv-tile{aspect-ratio:4 / 5!important;border-radius:14px!important}
  .wwv-tile .wwv-ind-go{width:28px!important;height:28px!important;top:10px!important;right:10px!important}
  .wwv-tile>span:last-child{left:12px!important;right:12px!important;bottom:12px!important}
  .wwv-tile>span:last-child>span:first-child{font-size:15px!important}
  .wwv-tile>span:last-child>span:nth-child(2){font-size:12px!important}
  .wwv-tile>span:last-child>span:nth-child(3){display:none!important}
  div:has(>.wwv-tiles>.wwv-tile)>:not(.wwv-tiles){grid-column:1 / -1}

  /* home "what you get" team photo card */
  [style*="grid-column: span 2; grid-row: span 2; min-height: 380px"]{grid-row:auto!important;min-height:320px!important}
  [style*="grid-column: span 2; grid-row: span 2; min-height: 380px"]>div{left:20px!important;right:20px!important;bottom:20px!important}
  [style*="grid-column: span 2; grid-row: span 2; min-height: 380px"]>div>span:nth-child(2){font-size:22px!important}

  /* about: scale the machine line-up to fit */
  [style*="flex: 1 1 500px; min-width: 0; height: 470px"]{height:330px!important}
  div[style*="bottom: 40px; display: flex; justify-content: center; align-items: flex-end"]{transform:scale(.62);transform-origin:50% 100%;bottom:28px!important}

  /* support: featured videos */
  [style*="grid-auto-rows: minmax(192px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:12px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat{min-height:170px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat:first-child{grid-column:1 / -1;grid-row:auto!important;min-height:260px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat:not(:first-child) .wwv-play{top:32%!important;width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat:not(:first-child)>span:last-child{left:14px!important;right:14px!important;bottom:12px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat:not(:first-child)>span:last-child>span:first-child{font-size:15px!important}
  [style*="grid-auto-rows: minmax(192px"]>.wwv-feat:first-child>span:last-child{left:20px!important;right:20px!important;bottom:18px!important}

  /* refrigeration: rent and buy cards stack */
  [style*="grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px"]{grid-template-columns:minmax(0,1fr)!important}

  /* machines listing: compact two-up cards */
  .wwv .mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .wwv .mx-img{height:170px!important;padding:16px 10px!important}
  .wwv .mx-badge{left:8px!important;top:8px!important;font-size:10.5px!important;padding:4px 8px!important}
  .wwv .mx-body{padding:12px 12px 14px!important;gap:4px!important}
  .wwv .mx-series{font-size:10px!important}
  .wwv .mx-name{font-size:15.5px!important}
  .wwv .mx-type{display:none}
  .wwv .mx-chips span{font-size:11.5px!important;padding:3px 8px!important}
  .wwv .mx-view{font-size:13px!important;padding-top:10px!important}
  .wwv .mx-help{padding:22px 20px!important}

  /* product pages */
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px"]>div{padding:12px!important}
  [style*="font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -0.02em"]{font-size:24px!important}
  [style*="font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -0.02em"]+span{font-size:12px!important}
  a[href="#quote"][style*="min-height: 54px"],a[href^="tel:"][style*="min-height: 54px"]{flex:1 1 100%;justify-content:center}
  nav[aria-label="On this page"]>div{flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;scrollbar-width:none}
  nav[aria-label="On this page"]>div::-webkit-scrollbar{display:none}
  nav[aria-label="On this page"]>div>span{flex-wrap:nowrap!important}
  nav[aria-label="On this page"] .wwv-anchor{white-space:nowrap;min-height:52px;padding:0 10px}
  nav[aria-label="On this page"]>div>a{flex-shrink:0;white-space:nowrap}
  [style*="repeat(auto-fill, minmax(300px, 1fr))"]{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:2px 20px 10px;scrollbar-width:none}
  [style*="repeat(auto-fill, minmax(300px, 1fr))"]::-webkit-scrollbar{display:none}
  [style*="repeat(auto-fill, minmax(300px, 1fr))"]>.wwv-sim{flex:0 0 76%;scroll-snap-align:start}
  .wwv-sim>span:first-child{height:200px!important}
  .wwv-sim-img{height:170px!important}

  /* industry pages */
  .wwv .s185{height:170px}
  .wwv .s186{max-height:150px}
  .wwv .s208 .s209{display:none!important}
  .wwv .s208 .row{display:grid!important;grid-template-columns:auto auto auto minmax(0,1fr)!important;column-gap:14px;row-gap:3px;padding:14px 16px!important}
  .wwv .s208 .row .s212{grid-column:1 / 4;grid-row:1;padding:0!important;font-size:15px}
  .wwv .s208 .row .s214{grid-column:4;grid-row:1;justify-self:end;padding:0!important;font-size:12px;text-align:right}
  .wwv .s208 .row .s213{grid-row:2;padding:0!important;font-size:13px;color:#5b6470;white-space:nowrap}

  /* footer: link lists side by side */
  .wwv .s385{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
  .wwv .s385>.s302,.wwv .s385>.s390{grid-column:1 / -1}
  .wwv .s389{padding:5px 0}
  .wwv .s393{flex-direction:column;align-items:flex-start;gap:8px}
  /* phone and email links big enough to tap; the negative margins keep the bar and the footer column the same height */
  .wwv .s6,.wwv .s7{display:inline-flex;align-items:center;min-height:32px}
  .wwv .s390>.s392{display:flex;flex-wrap:wrap;align-items:center;gap:0 .25em;min-height:32px;margin:-7px 0}
  .wwv .s393>a{display:inline-flex;align-items:center;min-height:32px;margin:-8px 0}
}
@media (max-width: 380px){
  .wwv .mx-grid{gap:8px!important}
  .wwv .mx-name{font-size:14.5px!important}
}
@media (max-width: 760px){
  /* home "how it works": icon beside each step instead of a floating row */
  [style*="top: 27px; left: 28px; right: 28px; height: 2px"]{display:none}
  [style*="minmax(240px, 1fr)); gap: 24px"]{gap:14px!important}
  [style*="minmax(240px, 1fr)); gap: 24px"]>div{flex-direction:row!important;align-items:flex-start;gap:12px!important}
  [style*="minmax(240px, 1fr)); gap: 24px"]>div>span:first-child{width:42px!important;height:42px!important;flex-shrink:0;box-shadow:none!important;margin-top:4px}
  [style*="minmax(240px, 1fr)); gap: 24px"]>div>span:first-child svg{width:20px;height:20px}
  [style*="minmax(240px, 1fr)); gap: 24px"]>div>div{padding:20px 18px!important;min-width:0}
  [style*="minmax(240px, 1fr)); gap: 24px"]>div>div>span[aria-hidden]{font-size:84px!important}
  /* team photo card: stronger fade behind the words */
  [style*="grid-column: span 2; grid-row: span 2; min-height: 380px"]>span{background:linear-gradient(180deg,rgba(0,26,46,0) 15%,rgba(0,26,46,.75) 50%,rgba(0,26,46,.96) 100%)!important}
  [style*="grid-column: span 2; grid-row: span 2; min-height: 380px"]>img{object-position:50% 15%!important}
}

/* ---------- Tablets ---------- */
@media (min-width: 761px) and (max-width: 1100px){
  /* photo heroes: carry the dark wash further across so text never sits on the machines */
  .m-hero-wash{background:linear-gradient(90deg,rgba(0,30,52,.96) 0%,rgba(0,30,52,.9) 52%,rgba(0,30,52,.55) 78%,rgba(0,30,52,.2) 100%)!important}
  .s159 .s160{background:linear-gradient(90deg,rgba(0,30,54,.94) 0%,rgba(0,30,54,.86) 55%,rgba(0,30,54,.45) 85%,rgba(0,30,54,.2) 100%)!important}
  /* three-item rows stay three across instead of leaving one card alone */
  [style*="repeat(auto-fit, minmax(2"]:has(> :nth-child(3):last-child),
  [style*="repeat(auto-fit, minmax(3"]:has(> :nth-child(3):last-child),
  [style*="repeat(auto-fill, minmax(300px"]:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wwv-sim-img{height:180px!important}
  .wwv-sim>span:first-child{height:210px!important}
}

/* ---------- Home "Browse by product": on phones the tabs show every product at once as a tap-through grid of cards,
   each card the panel's photo above its tab's label and hint (index.html's script opens the panel's button link) ---------- */
@media (max-width: 760px){
  .bbp-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px!important;row-gap:0!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  .bbp-box>[role=tablist],.bbp-box>[role=tabpanel],.bbp-box>[role=tabpanel][hidden]{display:contents!important}
  .bbp-box>[role=tabpanel]>div:nth-child(2),.bbp-box>[role=tabpanel]>div:first-child>span,.bbp-box>[role=tablist]>[role=tab]>svg{display:none!important}
  .bbp-box>[role=tabpanel]>div:first-child{position:relative;display:flex!important;align-items:flex-end!important;justify-content:center!important;height:151px;min-height:0!important;padding-top:12px;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#f3f5f7 0%,#e6ebf0 100%)!important;border:1px solid #e6e3dd;border-bottom:0;border-radius:16px 16px 0 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .bbp-box>[role=tabpanel]>div:first-child>img{display:block!important;height:128px!important;width:auto!important;max-width:86%!important;object-fit:contain;margin:0 0 8px!important}
  .bbp-box>[role=tablist]>[role=tab]{display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;width:auto!important;min-height:0!important;padding:10px 12px 12px!important;border:1px solid #e6e3dd!important;border-top:0!important;border-radius:0 0 16px 16px!important;background:#ffffff!important;color:#1b2431!important;line-height:normal;-webkit-tap-highlight-color:transparent}
  .bbp-box>[role=tablist]>[role=tab]>span{gap:2px!important}
  .bbp-box>[role=tablist]>[role=tab]>span>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:15px!important;line-height:1.25;font-weight:800!important;color:#003358!important}
  .bbp-box>[role=tablist]>[role=tab]>span>span:first-child::after{content:"\2192";flex-shrink:0;font-size:14px;color:#9e2f39}
  .bbp-box>[role=tablist]>[role=tab]>span>span:last-child{font-size:12px!important;line-height:1.35;font-weight:400!important;color:#5b6470!important}
  /* placing: card N is panel N's photo over tab N, two across, the last card full width with its photo beside its words */
  .bbp-box [data-tab="0"],.bbp-box [data-tab="2"],.bbp-box [data-tab="4"],.bbp-box [data-tab="6"],
  .bbp-box [data-tab-panel="0"]>div:first-child,.bbp-box [data-tab-panel="2"]>div:first-child,.bbp-box [data-tab-panel="4"]>div:first-child,.bbp-box [data-tab-panel="6"]>div:first-child{grid-column:1}
  .bbp-box [data-tab="1"],.bbp-box [data-tab="3"],.bbp-box [data-tab="5"],
  .bbp-box [data-tab-panel="1"]>div:first-child,.bbp-box [data-tab-panel="3"]>div:first-child,.bbp-box [data-tab-panel="5"]>div:first-child{grid-column:2}
  .bbp-box [data-tab-panel="0"]>div:first-child,.bbp-box [data-tab-panel="1"]>div:first-child{grid-row:1}
  .bbp-box [data-tab="0"],.bbp-box [data-tab="1"]{grid-row:2}
  .bbp-box [data-tab-panel="2"]>div:first-child,.bbp-box [data-tab-panel="3"]>div:first-child{grid-row:3}
  .bbp-box [data-tab="2"],.bbp-box [data-tab="3"]{grid-row:4}
  .bbp-box [data-tab-panel="4"]>div:first-child,.bbp-box [data-tab-panel="5"]>div:first-child{grid-row:5}
  .bbp-box [data-tab="4"],.bbp-box [data-tab="5"]{grid-row:6}
  .bbp-box [data-tab-panel="6"]>div:first-child{grid-row:7}
  .bbp-box [data-tab="6"]{grid-row:8}
  .bbp-box>[role=tabpanel]:nth-child(n+4)>div:first-child{margin-top:10px}
  .bbp-box>[role=tabpanel][data-tab-panel="7"]>div:first-child{grid-column:1 / -1;grid-row:9;z-index:1;justify-self:start;width:42%;height:auto;min-height:122px!important;padding:0;border-bottom:1px solid #e6e3dd;border-right:0;border-radius:16px 0 0 16px}
  .bbp-box>[role=tabpanel][data-tab-panel="7"]>div:first-child>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
  .bbp-box>[role=tablist]>[data-tab="7"]{grid-column:1 / -1;grid-row:9;margin-top:10px;justify-content:center!important;align-items:flex-start!important;padding:14px 14px 14px calc(42% + 14px)!important;border-top:1px solid #e6e3dd!important;border-radius:16px!important}
}

/* ---------- Mobile menu fills the screen below the header ---------- */
#wwv-nav{position:sticky;top:0;z-index:60}
@media (max-width: 1100px){
  .s2 .w-mob{position:fixed!important;left:0;right:0;top:var(--wwv-hh,124px)!important;bottom:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:none!important;border-bottom:0!important}
  .s2 .w-mob .s22{min-height:100%;box-sizing:border-box;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
}

/* Industry pages on phones: hide the "Not your business?" switcher in the hero */
@media (max-width: 760px){
  .s159 .s86{display:none!important}
  .s159.w-tall{min-height:0!important}
  .s159 .s162{padding-top:40px!important;padding-bottom:40px!important}
}

/* ---------- Phone type scale ----------
   Page headings 34 · section headings 26 · card titles 18–20 · hero subtext 16 · section intros 15.5 · body 15
   Nothing goes below 12px, and form fields stay at 16px. */
@media (max-width: 760px){
  /* page headings */
  main h1,.wwv .w-h1{font-size:34px!important;line-height:1.08!important}
  .bl-article .bl-h1{font-size:30px!important;line-height:1.1!important}
  .bl:not(:has(.bl-article)) .bl-h1{font-size:32px!important}
  /* section headings */
  .wwv .w-h2,main h2[style*="clamp("],main h2[style*="font-size: 30px"]{font-size:26px!important;line-height:1.12!important}
  .wwv .w-h3{font-size:22px!important;line-height:1.15!important}
  .bl-body h2{font-size:23px!important}
  .bl-sec-title{font-size:26px!important}
  .bl-cta-title{font-size:22px!important}
  .wwv .s152{font-size:15.5px!important;line-height:1.55!important}
  .bl-body h3{font-size:19px!important}
  /* card, step and panel titles */
  main h3[style*="font-size: 28px"],main span[style*="font-size: 26px"]{font-size:22px!important}
  main span[style*="font-size: clamp(24px"],main span[style*="font-size: clamp(22px"]{font-size:21px!important}
  main h3[style*="font-size: 21px"],main span[style*="font-size: 21px"]{font-size:19px!important}
  main span[style*="font-size: 20px"],main span[style*="font-size: 19px"]{font-size:18px!important}
  main span[style*="font-size: 34px"],main a[style*="font-size: 34px"]{font-size:30px!important}
  /* hero subtext */
  .wwv .s225,.wwv .s170,.wwv .s291,main p[style*="font-size: 19px"],main p[style*="font-size: 18px"]{font-size:16px!important;line-height:1.5!important}
  main span[style*="font-size: 18px; font-weight: 600"]{font-size:16px!important}
  /* section intros and body copy */
  main p[style*="font-size: 17px"]{font-size:15.5px!important;line-height:1.55!important}
  main p[style*="font-size: 16px"],main span[style*="font-size: 16px; line-height: 1.6"]{font-size:15px!important}
  .bl-body,.bl-body p,.bl-body li{font-size:16px!important;line-height:1.65!important}
  /* buttons */
  main a[style*="font-size: 17px"]{font-size:16px!important}
  /* eyebrow labels */
  .wwv .s167,main span[style*="font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase"],main span[style*="font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase"]{font-size:12px!important}
}

/* Phones: the navy contact bar scrolls away, only the white logo bar stays pinned */
@media (max-width: 760px){
  .s2{top:calc(-1 * var(--wwv-tb, 40px))!important}
  #wwv-nav{top:calc(-1 * var(--wwv-tb, 40px))}
}
/* blog pages pin the wrapper, so the header inside must not shift again */
.wwv-nav .s2{top:0!important}

/* Phones: once you scroll, the white bar eases down from 84px to 64px.
   The header gives the 20px back as transparent margin, so nothing below it moves. */
@media (max-width: 760px){
  .wwv .s2 .s13{transition:height .32s cubic-bezier(.22,1,.36,1)}
  .wwv .s2 .s15{transition:transform .32s cubic-bezier(.22,1,.36,1);transform-origin:0 50%}
  .wwv .s2 .w-burger{transition:transform .32s cubic-bezier(.22,1,.36,1);transform-origin:100% 50%}
  .wwv .s2 .s12{transition:box-shadow .32s ease}
  .s2{transition:margin-bottom .32s cubic-bezier(.22,1,.36,1)}
  .s2.is-small{margin-bottom:20px}
  /* blog pages pin a wrapper around the header, so the wrapper takes the spacing instead */
  #wwv-nav{transition:margin-bottom .32s cubic-bezier(.22,1,.36,1)}
  .wwv-nav .s2.is-small{margin-bottom:0!important}
  #wwv-nav:has(.s2.is-small){margin-bottom:20px}
  .wwv .s2.is-small .s13{height:64px!important}
  .wwv .s2.is-small .s15{transform:scale(.8)}
  .wwv .s2.is-small .w-burger{transform:scale(.88)}
  .wwv .s2.is-small .s12{box-shadow:0 10px 24px -18px rgba(0,30,60,.45)}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce){
  .s2,.wwv .s2 .s13,.wwv .s2 .s15,.wwv .s2 .w-burger,.wwv .s2 .s12{transition:none}
}

/* Home "What you get": the four small cards. Desktop keeps the bento grid; phones swipe them, strongest first */
.wyg-row{display:contents}
@media (max-width: 760px){
  .wyg-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin:0 -20px;padding:2px 20px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .wyg-row::-webkit-scrollbar{display:none}
  .wyg-row>div{flex:0 0 78%;min-width:0;box-sizing:border-box;scroll-snap-align:start}
  .wyg-row>div:nth-child(4){order:1}
  .wyg-row>div:nth-child(3){order:2}
  .wyg-row>div:nth-child(1){order:3}
  .wyg-row>div:nth-child(2){order:4}
}

/* ---------- Swipe rows on phones (classes added by site.js), with a small red progress bar underneath ---------- */
.wwv-hs-bar,.hs-next{display:none}
@media (max-width: 760px){
  .wwv-hs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .wwv-hs::-webkit-scrollbar{display:none}
  .wwv-hs-bar{display:block;position:relative;width:72px;height:4px;margin:14px auto 0;border-radius:99px;background:#dedad3;overflow:hidden}
  .wwv-hs-bar.is-off{display:none}
  .wwv-hs-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:#9e2f39}
  /* product and industry pages: "How it works" steps */
  .hs-steps{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin:0 -20px;padding:2px 20px 4px}
  .hs-steps>div{flex:0 0 82%;min-width:0;box-sizing:border-box;scroll-snap-align:start}
  /* product pages: delivery, warranty and support row under the buttons */
  .hs-trust{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important}
  .hs-trust>span{flex:0 0 41%!important;min-width:0;padding-right:4px;scroll-snap-align:start}
  /* similar machines: room for the card shadow so it is not clipped */
  .hs-sim{padding:6px 20px 34px!important}
  /* "On this page" tabs: fade and an arrow where more tabs are hidden */
  nav[aria-label="On this page"]{position:relative}
  nav[aria-label="On this page"].hs-r::after,nav[aria-label="On this page"].hs-l::before{content:"";position:absolute;top:1px;bottom:1px;z-index:1;pointer-events:none}
  nav[aria-label="On this page"].hs-r::after{right:0;width:84px;background:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 62%)}
  nav[aria-label="On this page"].hs-l::before{left:0;width:44px;background:linear-gradient(270deg,rgba(255,255,255,0),#ffffff 70%)}
  .hs-next{position:absolute;right:10px;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;padding:0;border:1px solid #e1ddd6;border-radius:50%;background:#ffffff;color:#003358;box-shadow:0 6px 14px -8px rgba(0,30,60,.45);cursor:pointer;align-items:center;justify-content:center}
  nav.hs-r .hs-next{display:flex}
  /* product pages: dimensions fit on a phone. Smaller machine, depth shown above it, controls kept clear */
  [style*="height: 640px"]:has(.wwv-dimbtn){height:560px!important}
  [style*="height: 640px"]:has(.wwv-dimbtn)>div[style*="top: 56px; bottom: 120px"]{bottom:178px!important}
  [style*="height: 640px"]:has(.wwv-dimbtn.is-on) img[style*="height: 460px; width: auto"]{height:auto!important;max-height:236px;max-width:calc(100vw - 150px);object-fit:contain}
  [style*="height: 640px"] span[style*="left: calc(100% + 54px)"]{left:50%!important;bottom:calc(100% + 12px)!important;transform:translateX(-50%);flex-direction:row!important;align-items:baseline;gap:8px!important;padding:6px 12px!important}
  [style*="height: 640px"] span[style*="left: calc(100% + 54px)"]>span:first-child{font-size:10.5px!important}
  [style*="height: 640px"] span[style*="left: calc(100% + 54px)"]>span:last-child{font-size:13px!important}
  [style*="height: 640px"] span[style*="left: calc(100% + 22px)"]{left:calc(100% + 14px)!important}
  /* industry pages: size buttons share the full width */
  .wwv .s184{display:flex!important;width:100%;box-sizing:border-box}
  .wwv .s184>button{flex:1 1 0;min-width:0;padding:5px 4px!important;white-space:normal;line-height:1.15;text-align:center;height:auto!important;min-height:44px;overflow-wrap:normal}
  /* contact: the three steps sit under the form */
  #quote>div[style*="gap: 48px 64px"]:has(>div[style*="flex: 1 1 440px"]>div[style*="margin-top: 8px; max-width: 520px"]){flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:16px!important}
  #quote>div>div[style*="flex: 1 1 440px"]:has(>div[style*="margin-top: 8px; max-width: 520px"]){display:contents!important}
  #quote>div>div[style*="flex: 1 1 440px"]>div[style*="margin-top: 8px; max-width: 520px"]{order:3;margin-top:20px!important}
  #quote>div:has(>div[style*="flex: 1 1 440px"]>div[style*="margin-top: 8px; max-width: 520px"])>div[style*="flex: 1 1 460px"]{order:2;flex:none!important;width:100%;max-width:none!important;margin-top:8px}
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce){ .wwv-hs{scroll-behavior:auto} }

/* Home "How it works": one connector per step, only between steps that sit side by side */
div[style="position: relative"]:has(>div[style*="opacity: 0.35"]){container-type:inline-size}
div[style="position: relative"]>div[style*="top: 27px"][style*="opacity: 0.35"]{display:none}
div[style="position: relative"]>div[style*="minmax(240px, 1fr)); gap: 24px"]>div{position:relative}
div[style="position: relative"]>div[style*="minmax(240px, 1fr)); gap: 24px"]>div::before{content:"";position:absolute;top:27px;left:72px;right:-16px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(158,47,57,.38),rgba(0,51,88,.32))}
div[style="position: relative"]>div[style*="minmax(240px, 1fr)); gap: 24px"]>div:last-child::before{display:none}
@container (min-width: 504px) and (max-width: 1031px){
  div[style*="minmax(240px, 1fr)); gap: 24px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  div[style*="minmax(240px, 1fr)); gap: 24px"]>div:nth-child(2n)::before{display:none}
}
@container (max-width: 503px){ div[style*="minmax(240px, 1fr)); gap: 24px"]>div::before{display:none!important} }

/* Text-only page heroes: fit the content instead of a fixed design height */
@media (min-width: 761px){
  .wwv .s308.w-tall{height:auto!important;min-height:400px}
  .wwv .s308 .s311{padding-top:72px;padding-bottom:72px}
  .wwv .s159.w-tall{height:auto!important;min-height:440px}
}

/* ---------- No half-empty rows between phone and full desktop widths ---------- */
@media (min-width: 761px) and (max-width: 1127px){
  /* home "What you get" and contact "Other ways to reach us": photo card across the top, the rest two by two */
  [style*="minmax(240px, 1fr)); gap: 16px"]:has(>.wyg-row),
  [style*="minmax(240px, 1fr)); gap: 16px"]:has(>div[style*="grid-row: span 2; min-height: 440px"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="minmax(240px, 1fr)); gap: 16px"]:has(>.wyg-row)>div[style*="grid-row: span 2"]{grid-row:auto!important;min-height:340px!important}
  [style*="minmax(240px, 1fr)); gap: 16px"]>div[style*="grid-row: span 2; min-height: 440px"]{grid-row:auto!important;min-height:380px!important}
  /* about: four promises two by two */
  div:has(>.wwv-promise){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  div:has(>.wwv-promise)>.wwv-promise{border-right:0!important}
  div:has(>.wwv-promise)>.wwv-promise:nth-child(odd){border-right:1px solid #e6e3dd!important}
  div:has(>.wwv-promise)>.wwv-promise:nth-child(-n+2){border-bottom:1px solid #e6e3dd}
}
@media (min-width: 761px) and (max-width: 1180px){
  /* home industries: the tiles three across, as on a full desktop, instead of one tall column */
  div:has(>.wwv-tiles>.wwv-tile){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width: 761px) and (max-width: 939px){ .wwv-tile{aspect-ratio:1 / 1!important} }
@media (min-width: 761px){
  /* three-card rows stay three across instead of two plus one */
  .wwv .w-g3:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width: 761px) and (max-width: 1143px){
  /* refrigeration: five "other equipment" cards as three then two */
  [style*="repeat(auto-fit, minmax(200px, 1fr)); gap: 12px"]:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  [style*="repeat(auto-fit, minmax(200px, 1fr)); gap: 12px"]:has(>:nth-child(5):last-child)>:nth-child(-n+3){grid-column:span 2}
  [style*="repeat(auto-fit, minmax(200px, 1fr)); gap: 12px"]:has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 3}
}
@media (min-width: 1144px){
  [style*="repeat(auto-fit, minmax(200px, 1fr)); gap: 12px"]:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* Home industries: eight tiles, then "Something else?" as one full-width row */
@media (min-width: 761px){
  div:has(>.wwv-tiles>.wwv-tile)>div:last-child{grid-column:1 / -1;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:8px 0!important;padding:14px 24px!important}
  div:has(>.wwv-tiles>.wwv-tile)>div:last-child>span:first-child{margin:0 28px 0 0!important;flex:0 0 auto}
  div:has(>.wwv-tiles>.wwv-tile)>div:last-child>.wwv-more>div{flex:1 1 180px;border-top:0!important;border-left:1px solid rgba(255,255,255,.14);padding:0 20px}
}

/* images given a width/height only to reserve space: never let those attributes resize them */
:where(img[data-d]){width:auto;height:auto}

/* Email addresses and phone numbers never break across two lines (site.js shrinks any that do not fit) */
a[href^="mailto:"],a[href^="tel:"]{white-space:nowrap}

/* Fridge cards (refrigeration pages): 3 across only when there is room for them */
@media (max-width:1180px){div[style*="grid-template-columns"]:has(> .wwv-fr.wwv-fr){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){div[style*="grid-template-columns"]:has(> .wwv-fr.wwv-fr){grid-template-columns:minmax(0,1fr)!important}}
/* size chips flow and never break mid-phrase; buttons stack when the card is narrow */
.wwv-fr span[style*="grid-template-columns: repeat(3"]{display:flex!important;flex-wrap:wrap}
.wwv-fr span[style*="grid-template-columns: repeat(3"]>span{flex:1 1 auto;white-space:nowrap}
.wwv-fr span[style*="margin-top: 2px"]{flex-wrap:wrap}
.wwv-fr span[style*="margin-top: 2px"]>a{flex:1 1 140px!important;white-space:nowrap}
/* let the box around an email or phone number shrink with its column, so site.js can scale the text down to fit */
:where(div, span):has(> a[href^="mailto:"], > a[href^="tel:"]){min-width:0}

/* current menu section (Magnet: one class, so the shared header is alike on every page) */
.w-nav .nl.active{color:#9e2f39!important}.w-nav .nl.active>span{background:#9e2f39!important}#wwv-mob .w-sb.active{color:#9e2f39!important}
[data-vmms-panel][hidden]{display:none!important}

/* Magnet: parts written in the page and shown by assets/mg.js */
.pd-dim[hidden],.wwv-view img[hidden]{display:none!important}
span[role=tablist]:has(>.wwv-view:only-child){display:none!important}
[data-stage=centred]{bottom:56px!important;align-items:center!important}
[data-tab-panel][hidden]{display:none!important}
.wwv-modal[hidden],.wwv-vid[hidden]{display:none!important}
[data-sol-recs]>[hidden]{display:none!important}
[data-sol-recs]>.is-best{border:2px solid #9e2f39!important}
[data-sol-recs]>.is-best .wwv-sol-tag{background:#9e2f39!important;color:#ffffff!important}
[data-sol-recs]>.is-unfit .wwv-sol-tag{background:#f6f5f2!important}
[data-sol-rows]>.is-best{background:#fbf1f2!important}
[data-sol-recs]>.is-best .wwv-sol-tag,[data-sol-rows]>.is-best .wwv-sol-tag{text-transform:uppercase}
[data-sol-recs]>.is-best .wwv-sol-tag::before,[data-sol-rows]>.is-best .wwv-sol-tag::before{content:"Best match: ";text-transform:uppercase}
.mg-card{position:relative}.mg-card .mg-stretch,.mg-card .mg-stretch:hover{color:inherit;text-decoration:none}.mg-stretch::after{content:"";position:absolute;inset:0;z-index:1}.mg-card a:not(.mg-stretch),.mg-card button{position:relative;z-index:2}.mg-card .mg-stretch:focus-visible{outline:none}.mg-card:has(.mg-stretch:focus-visible){outline:3px solid #9e2f39;outline-offset:2px}
/* industry pages: the whole recommended machine card opens its page; its "View machine" button keeps its own colours */
.wwv .mg-card a.s190.mg-stretch,.wwv .mg-card a.s190.mg-stretch:hover{color:#ffffff}
[data-icons]>svg{display:none}
[data-icon="6cf3ef"]>svg[data-i="6cf3ef"]{display:inline}
[data-icon="a3d87d"]>svg[data-i="a3d87d"]{display:inline}
[data-icon="662591"]>svg[data-i="662591"]{display:inline}
[data-icon="181035"]>svg[data-i="181035"]{display:inline}
[data-icon="44ce1b"]>svg[data-i="44ce1b"]{display:inline}
[data-icon="4c37ff"]>svg[data-i="4c37ff"]{display:inline}
[data-icon="306f5d"]>svg[data-i="306f5d"]{display:inline}
[data-icon="cd51de"]>svg[data-i="cd51de"]{display:inline}
[data-icon="40b521"]>svg[data-i="40b521"]{display:inline}
[data-icon="796747"]>svg[data-i="796747"]{display:inline}
[data-icon="a1bf14"]>svg[data-i="a1bf14"]{display:inline}
[data-icon="db7352"]>svg[data-i="db7352"]{display:inline}
[data-icon="72b7fa"]>svg[data-i="72b7fa"]{display:inline}
[data-icon="9b14c3"]>svg[data-i="9b14c3"]{display:inline}
[data-icon="721695"]>svg[data-i="721695"]{display:inline}
[data-icon="4515a6"]>svg[data-i="4515a6"]{display:inline}
[data-icon="375989"]>svg[data-i="375989"]{display:inline}
[data-icons]>svg{display:none}
[data-icon="6cf3ef"]>svg[data-i="6cf3ef"]{display:inline}
[data-icon="662591"]>svg[data-i="662591"]{display:inline}
[data-icon="b21218"]>svg[data-i="b21218"]{display:inline}
[data-icon="181035"]>svg[data-i="181035"]{display:inline}
[data-icon="375989"]>svg[data-i="375989"]{display:inline}
[data-icon="b3bb2c"]>svg[data-i="b3bb2c"]{display:inline}

/* Fridge fleets: the home page section and /fridge-fleet-rental/ */
.wwv-fleet-cards>div:first-child{background:#003358!important;border-color:#003358!important}
.wwv-fleet-cards>div:first-child>span:nth-child(1){color:#e7b7bd!important}
.wwv-fleet-cards>div:first-child>span:nth-child(2){color:#ffffff!important}
.wwv-fleet-cards>div:first-child>span:nth-child(3){color:#dbe4ec!important}
@media (max-width:900px){.wwv-fleet-bento{grid-template-columns:1fr!important}.wwv-fleet-photo{grid-row:auto!important;min-height:340px!important}.wwv-fleet-cards{grid-column:auto!important}}
/* Fridge cards: the tags in front of the photo, the fridge clear of them */
.wwv-fr>a>span:nth-of-type(-n+2){z-index:2}
.wwv-fr-img{height:266px!important}
@keyframes wwvPhotoTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wwv-photo-track{animation:wwvPhotoTicker 40s linear infinite}
.wwv-photo-ticker:hover .wwv-photo-track{animation-play-state:paused}
.wwv-photo-track figure::after{content:"";position:absolute;left:24%;right:24%;bottom:8px;height:14px;border-radius:50%;background:rgba(0,20,40,.22);filter:blur(7px)}
.wwv-fleet .wwv-photo-track figure{padding:0 26px 16px}
.wwv-fleet .wwv-photo-track figure::after{background:rgba(0,0,0,.45)}
.wwv-fleet .wwv-photo-track img{height:256px}
@media (prefers-reduced-motion:reduce){.wwv-photo-track{animation:none}.wwv-photo-ticker{overflow-x:auto!important}}
.wwv-fleet-faq .wwv-faq{transition:border-color .2s ease,box-shadow .2s ease}
.wwv-fleet-faq .wwv-faq.is-open{border-color:#c9d3dc!important;box-shadow:0 18px 36px -28px rgba(0,30,60,.4)}
.wwv-fleet-faq .wwv-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.wwv-fleet-faq .wwv-faq.is-open .wwv-faq-body{grid-template-rows:1fr}
.wwv-fleet-faq .wwv-faq-icon{transition:transform .3s ease,background .2s ease}
.wwv-fleet-faq .wwv-faq.is-open .wwv-faq-icon{transform:rotate(45deg);background:#003358!important}
.wwv-fleet-faq .wwv-faq.is-open .wwv-faq-icon svg{stroke:#ffffff}
@media (prefers-reduced-motion:reduce){.wwv-fleet-faq .wwv-faq-body,.wwv-fleet-faq .wwv-faq-icon{transition:none}}
@media (max-width:700px){
.wwv-fleet>div,.wwv-fleet-hero>div{padding-left:20px!important;padding-right:20px!important}
.wwv-fleet>div{padding-top:0!important;padding-bottom:48px!important;padding-left:16px!important;padding-right:16px!important}
.wwv-fleet-band{padding:30px 0 26px!important;border-radius:22px!important}
.wwv-fleet-tx{padding:0 22px!important}
.wwv-fleet .wwv-photo-track figure{padding:0 14px 14px!important}
.wwv-fleet .wwv-photo-track img{height:190px!important}
.wwv-fleet-hero>div{padding-top:64px!important;padding-bottom:72px!important}
.wwv-fleet-cards{grid-template-columns:1fr!important}
.wwv-photo-track figure{padding:0 16px 14px!important}
.wwv-photo-track img{height:220px!important}
}
/* Sweep against the mockup */
.pd-panel-photo[src*="/vmms"],#pd-highlights img[src*="/vmms"]{object-fit:contain!important;padding:24px!important;box-sizing:border-box!important}
div[data-slot-1][style*="minmax(140px"]:nth-child(even){background:transparent!important}
.wwv a.s3:hover{color:#dbe4ec}
.wwv a.s6:hover{color:#ffffff}
.wwv a.s7:hover{color:#dbe4ec}
.wwv a.s9:hover{color:#dbe4ec}
.wwv a.s11:hover{color:#dbe4ec}
.wwv a.s19:hover{color:#ffffff}
.wwv a.s25:hover{color:#003358}
.wwv a.s27:hover{color:#ffffff}
.wwv a.s28:hover{color:#003358}
.wwv a.s34:hover{color:#ffffff}
.wwv a.s40:hover{color:#003358}
.wwv a.s41:hover{color:#5b6470}
.wwv a.s42:hover{color:#4a5361}
.wwv a.s44:hover{color:#ffffff}
.wwv a.s45:hover{color:#e7b7bd}
.wwv a.s47:hover{color:#c7d3df}
.wwv a.s48:hover{color:#003358}
.wwv a.s51:hover{color:#003358}
.wwv a.s55:hover{color:#ffffff}
.wwv a.s56:hover{color:#f3d9dc}
.wwv a.s57:hover{color:#f3d9dc}
.wwv a.s58:hover{color:#9e2f39}
.wwv a.s67:hover{color:#ffffff}
.wwv a.s70:hover{color:#003358}
.wwv a.s76:hover{color:#9e2f39}
.wwv a.s77:hover{color:#003358}
.wwv a.s78:hover{color:#4a5361}
.wwv a.s80:hover{color:#1b2431}
.wwv a.s83:hover{color:#1b2431}
.wwv a.s84:hover{color:#ffffff}
.wwv a.s85:hover{color:#4a5361}
.wwv a.s87:hover{color:#5b6470}
.wwv a.s88:hover{color:#003358}
.wwv a.s98:hover{color:#ffffff}
.wwv a.s100:hover{color:#c7d3df}
.wwv a.s105:hover{color:#5b6470}
.wwv a.s110:hover{color:#003358}
.wwv a.s111:hover{color:#4a5361}
.wwv a.s112:hover{color:#9e2f39}
.wwv a.s114:hover{color:#1b2431}
.wwv a.s115:hover{color:#9e2f39}
.wwv a.s118:hover{color:#003358}
.wwv a.s119:hover{color:#1b2431}
.wwv a.s120:hover{color:#ffffff}
.wwv a.s125:hover{color:#c7d3df}
.wwv a.s127:hover{color:#c7d3df}
.wwv a.s133:hover{color:#003358}
.wwv a.s134:hover{color:#4a5361}
.wwv a.s139:hover{color:#003358}
.wwv a.s140:hover{color:#4a5361}
.wwv a.s145:hover{color:#4a5361}
.wwv a.s151:hover{color:#003358}
.wwv a.s152:hover{color:#4a5361}
.wwv a.s154:hover{color:#ffffff}
.wwv a.s155:hover{color:#003358}
.wwv a.s157:hover{color:#1b2431}
.wwv a.s163:hover{color:#c7d3df}
.wwv a.s164:hover{color:#c7d3df}
.wwv a.s165:hover{color:#ffffff}
.wwv a.s167:hover{color:#e7b7bd}
.wwv a.s169:hover{color:#ffffff}
.wwv a.s170:hover{color:#dbe4ec}
.wwv a.s172:hover{color:#003358}
.wwv a.s173:hover{color:#ffffff}
.wwv a.s174:hover{color:#c7d3df}
.wwv a.s177:hover{color:#c7d3df}
.wwv a.s182:hover{color:#003358}
.wwv a.s183:hover{color:#4a5361}
.wwv a.s188:hover{color:#1b2431}
.wwv a.s190:hover{color:#ffffff}
.wwv a.s191:hover{color:#003358}
.wwv a.s193:hover{color:#003358}
.wwv a.s194:hover{color:#1b2431}
.wwv a.s195:hover{color:#ffffff}
.wwv a.s199:hover{color:#e7b7bd}
.wwv a.s201:hover{color:#dbe4ec}
.wwv a.s202:hover{color:#003358}
.wwv a.s205:hover{color:#4a5361}
.wwv a.s207:hover{color:#003358}
.wwv a.s209:hover{color:#5b6470}
.wwv a.s212:hover{color:#003358}
.wwv a.s214:hover{color:#4a5361}
.wwv a.s218:hover{color:#ffffff}
.wwv a.s219:hover{color:#e7b7bd}
.wwv a.s224:hover{color:#ffffff}
.wwv a.s225:hover{color:#dbe4ec}
.wwv a.s229:hover{color:#003358}
.wwv a.s231:hover{color:#1b2431}
.wwv a.s232:hover{color:#9e2f39}
.wwv a.s234:hover{color:#4a5361}
.wwv a.s236:hover{color:#003358}
.wwv a.s237:hover{color:#ffffff}
.wwv a.s239:hover{color:#1b2431}
.wwv a.s243:hover{color:#003358}
.wwv a.s245:hover{color:#5b6470}
.wwv a.s246:hover{color:#5b6470}
.wwv a.s247:hover{color:#1b2431}
.wwv a.s255:hover{color:#9e2f39}
.wwv a.s256:hover{color:#003358}
.wwv a.s257:hover{color:#4a5361}
.wwv a.s258:hover{color:#1b2431}
.wwv a.s261:hover{color:#5b6470}
.wwv a.s262:hover{color:#003358}
.wwv a.s264:hover{color:#003358}
.wwv a.s266:hover{color:#1b2431}
.wwv a.s269:hover{color:#ffffff}
.wwv a.s270:hover{color:#003358}
.wwv a.s278:hover{color:#4a5361}
.wwv a.s279:hover{color:#1b2431}
.wwv a.s280:hover{color:#5b6470}
.wwv a.s286:hover{color:#003358}
.wwv a.s287:hover{color:#9e2f39}
.wwv a.s289:hover{color:#e7b7bd}
.wwv a.s291:hover{color:#dbe4ec}
.wwv a.s292:hover{color:#003358}
.wwv a.s293:hover{color:#ffffff}
.wwv a.s303:hover{color:#003358}
.wwv a.s306:hover{color:#003358}
.wwv a.s312:hover{color:#ffffff}
.wwv a.s313:hover{color:#003358}
.wwv a.s314:hover{color:#ffffff}
.wwv a.s317:hover{color:#9e2f39}
.wwv a.s318:hover{color:#4a5361}
.wwv a.s319:hover{color:#003358}
.wwv a.s322:hover{color:#146b3e}
.wwv a.s324:hover{color:#003358}
.wwv a.s329:hover{color:#003358}
.wwv a.s330:hover{color:#5b6470}
.wwv a.s333:hover{color:#9e2f39}
.wwv a.s336:hover{color:#1b2431}
.wwv a.s337:hover{color:#4a5361}
.wwv a.s339:hover{color:#ffffff}
.wwv a.s341:hover{color:#ffffff}
.wwv a.s342:hover{color:#f3d9dc}
.wwv a.s344:hover{color:#003358}
.wwv a.s347:hover{color:#1b2431}
.wwv a.s353:hover{color:#4a5361}
.wwv a.s356:hover{color:#4a5361}
.wwv a.s362:hover{color:#ffffff}
.wwv a.s365:hover{color:#003358}
.wwv a.s366:hover{color:#003358}
.wwv a.s367:hover{color:#003358}
.wwv a.s368:hover{color:#003358}
.wwv a.s369:hover{color:#9e2f39}
.wwv a.s370:hover{color:#1b2431}
.wwv a.s371:hover{color:#5b6470}
.wwv a.s376:hover{color:#1b2431}
.wwv a.s378:hover{color:#003358}
.wwv a.s379:hover{color:#003358}
.wwv a.s380:hover{color:#1b2431}
.wwv a.s382:hover{color:#ffffff}
.wwv a.s383:hover{color:#c7d3df}
.wwv a.s388:hover{color:#ffffff}
.wwv a.s389:hover{color:#c7d3df}
.wwv a.s391:hover{color:#ffffff}
.wwv a.s392:hover{color:#c7d3df}
/* end sweep */

/* the current section in the menu (aria-current, set on each page) */
.w-nav .nl[aria-current=page]{color:#9e2f39!important}.w-nav .nl[aria-current=page]>span{background:#9e2f39!important}#wwv-mob .w-sb[aria-current=page]{color:#9e2f39!important}
/* the mega menu tiles: a card whose title is the link, stretched over the card */
.wwv .w-mega .tile.mg-card{color:inherit;display:flex;align-items:center;text-align:left}.wwv .w-mega .s69.mg-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}.wwv .w-mega .mg-card a.s40.mg-stretch,.wwv .w-mega .mg-card a.s70.mg-stretch{color:#003358}

/* ---------- Home page (index.html) Magnet lists: same look as before ----------
   "Built to sell": one list of six rows, rows 4 to 6 in the right-hand column, the machine photo between;
   "What you get": the two light cards are one list; "Browse by product" phone cards are one list. */
.wwv-bts .wwv-bts-list .wwv-bts-badge:empty,.wwv-bts .wwv-bts-list .wwv-bts-link:empty{display:none!important}
.wwv-bts .wwv-bts-list .wwv-bts-link::after{content:"";flex:none;width:14px;height:14px;background: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='%23e7b7bd' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/14px 14px}
.wwv-bts .wwv-bts-list>:nth-child(6){border-bottom:0!important}
.wwv-bts .wwv-bts-list>:nth-child(6)>.wwv-bts-num{background:none!important;border:1.5px solid #e7b7bd;color:#e7b7bd!important;box-sizing:border-box}
@media (min-width:1076px){
  .wwv-bts{position:relative}
  .wwv-bts>.wwv-bts-list{flex:1 1 100%!important;max-width:1140px!important;height:500px;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 210px}
  .wwv-bts>.wwv-bts-list::before{content:"";order:2;width:0;height:100%}
  .wwv-bts>.wwv-bts-list>*{order:1;width:min(360px,calc((100% - 420px) / 2))}
  .wwv-bts>.wwv-bts-list>:nth-child(n+4){order:3}
  .wwv-bts>.wwv-bts-photo{position:absolute!important;top:0;left:50%;width:340px;margin-left:-170px}
}
@media (min-width:761px) and (max-width:1075px){
  .wwv-bts{display:grid!important;grid-template-columns:minmax(0,360px) 340px;grid-template-rows:1fr auto auto auto 1fr auto auto auto;justify-content:center;gap:0 40px!important}
  .wwv-bts>.wwv-bts-list{display:contents!important}
  .wwv-bts>.wwv-bts-list>*{grid-column:1}
  .wwv-bts>.wwv-bts-list>:nth-child(1){grid-row:2}
  .wwv-bts>.wwv-bts-list>:nth-child(2){grid-row:3}
  .wwv-bts>.wwv-bts-list>:nth-child(3){grid-row:4}
  .wwv-bts>.wwv-bts-list>:nth-child(n+4){grid-column:1/-1;justify-self:center;width:100%;max-width:360px}
  .wwv-bts>.wwv-bts-list>:nth-child(4){grid-row:6;margin-top:32px}
  .wwv-bts>.wwv-bts-list>:nth-child(5){grid-row:7}
  .wwv-bts>.wwv-bts-list>:nth-child(6){grid-row:8}
  .wwv-bts>.wwv-bts-photo{grid-column:2;grid-row:1/6}
}
@media (max-width:760px){
  .wwv-bts{flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important}
  .wwv-bts>.wwv-bts-list{display:contents!important}
  .wwv-bts>.wwv-bts-list>*{order:1;width:100%;max-width:360px}
  .wwv-bts>.wwv-bts-list>:nth-child(n+4){order:3}
  .wwv-bts>.wwv-bts-photo{order:2;flex:none!important;width:340px;margin:32px 0}
}
.wwv-wyg-list g[data-i="wyg-card"]{display:none}
.wwv-wyg-list>:nth-child(2) g[data-i="wyg-mix"]{display:none}
.wwv-wyg-list>:nth-child(2) g[data-i="wyg-card"]{display:inline}
@media (max-width:760px){
  .wyg-row>.wwv-wyg-list>div{flex:0 0 78%;min-width:0;box-sizing:border-box;scroll-snap-align:start}
  .wyg-row>.wwv-wyg-list>div:nth-child(1){order:3}
  .wyg-row>.wwv-wyg-list>div:nth-child(2){order:4}
  .wyg-row:has(>.wwv-wyg-list)>div:nth-child(2){order:2}
  .wyg-row:has(>.wwv-wyg-list)>div:nth-child(3){order:1}
}
/* end home page lists */

/* reviews (home and about): the initials badge shows only for a reviewer with no photo of their own */
.wwv-rv-track figcaption:has(img:not([src$="reviewer-no-photo.webp"]))>.wwv-rv-ini{display:none!important}

/* the shared quote band: its last step keeps its line under it (by the band's own class) */
.wwv-q-steps>:last-child{border-bottom:1px solid rgba(255,255,255,.18)}

/* typed words wrap instead of pushing the page sideways */
body{overflow-wrap:anywhere}
/* short labels in tight tiles keep their words whole */
.pd-stats span,.wwv .s208 .row .s214{overflow-wrap:normal}
/* industry pages: on the narrowest phones the comparison rows tighten and their specs wrap instead of running out of the card */
@media (max-width: 339px){
  .wwv .s208 .row{column-gap:8px!important;padding:12px!important;grid-template-columns:repeat(3,minmax(0,max-content)) minmax(64px,1fr)!important}
  .wwv .s208 .row .s212{min-width:0;overflow-wrap:normal}
  .wwv .s208 .row .s213{white-space:normal!important;font-size:12.5px!important;overflow-wrap:normal}
  .wwv .s208 .row .s214{font-size:11.5px!important}
}

/* a card opens its link from anywhere on it (site.js), so it shows as clickable */
.mg-card{cursor:pointer}

/* reviews: a long review scrolls inside its card (same 5-line height) instead of being cut off with "..." */
.wwv-rv-track blockquote{display:block!important;-webkit-line-clamp:unset!important;max-height:8em;overflow-y:auto!important;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:#c9ced6 transparent}
.wwv-rv-track blockquote::-webkit-scrollbar{width:4px}
.wwv-rv-track blockquote::-webkit-scrollbar-thumb{background:#c9ced6;border-radius:4px}
/* the reviews strip also stops while a finger is on it, so a review can be scrolled and read */
.wwv-rv:active .wwv-rv-track,.wwv-rv-track:focus-within{animation-play-state:paused!important}

/* header menu links (Blog, Contact) turn red on hover like the menu buttons do; their colour is written inline, so it needs !important */
.w-nav a.nl:hover,.w-nav a.nl:focus-visible{color:#9e2f39!important}