/* Genuine's website frame: readable copy, real machinery, original flyer artwork. */
:root{--content:1280px;--surface:#151716;--surface-sunk:#101211;--surface-raised:#202320;--line:#3e423e;--ink-muted:#bdc3bb;--g-orange:#ef511c;--call-yellow:#f4ed20}
html:root body .eyebrow{background:none;border:0;box-shadow:none;transform:none;padding:0;color:#ee6538;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.15em;text-shadow:none;-webkit-text-stroke:0}
html:root body h1,html:root body h2,html:root body h3{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-style:normal;letter-spacing:-.02em;text-shadow:none;-webkit-text-stroke:0;paint-order:normal;text-wrap:balance}
html:root body h1{font-size:clamp(36px,4.5vw,64px);line-height:1.04;max-width:20ch}
html:root body h2{font-size:clamp(28px,3vw,42px);line-height:1.12}
html:root body h3{font-size:24px;line-height:1.2}
html:root body .section-head h2{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-style:normal;text-shadow:none;-webkit-text-stroke:0}
html:root body .btn{font:700 14px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:48px;padding:12px 20px;box-shadow:none;border-radius:0;transform:none}
html:root body .btn-call{background:var(--call-yellow);color:#10120c;border:1px solid var(--call-yellow)}

/* Shared Flyer controls: red enamel actions and brushed-silver alternatives. */
html[data-look='flyer'] body :is(.site-header, main, dialog, #compare-tray) .btn {
  background: linear-gradient(180deg, #ffffff 0%, #e5eaf0 45%, #b8c2ce 48%, #dce3eb 100%);
  border: 1px solid #f4f7fb;
  border-radius: 5px;
  box-shadow: inset 0 1px #fff, inset 0 -2px #8a96a5, 0 3px 0 #53606e, 0 5px 12px rgb(0 0 0 / 28%);
  color: #171d24;
  text-shadow: 0 1px rgb(255 255 255 / 65%);
  font-size: 15px;
  white-space: normal;
  text-align: center;
}

html[data-look='flyer'] body :is(.site-header, main, .site-footer, dialog, #compare-tray) .btn-call,
html[data-look='flyer'] body .actionbar .a {
  background: linear-gradient(180deg, #c9231c 0%, #b91c16 48%, #9d100c 51%, #bd2018 100%);
  border-color: #e5eaf0;
  box-shadow: inset 0 1px rgb(255 255 255 / 42%), inset 0 -2px #780c09, 0 3px 0 #650b08, 0 5px 14px rgb(0 0 0 / 35%);
  color: #fff;
  text-shadow: 0 1px 1px #650b08;
}

@media (hover: hover) {
  html[data-look='flyer'] body :is(.site-header, main, dialog, #compare-tray) .btn:not(:disabled):hover {
    background: linear-gradient(180deg, #fff, #d7e0ea);
    border-color: #fff;
    color: #171d24;
  }

  html[data-look='flyer'] body :is(.site-header, main, .site-footer, dialog, #compare-tray) .btn-call:not(:disabled):hover,
  html[data-look='flyer'] body .actionbar .a:hover {
    background: linear-gradient(180deg, #ce261e, #aa120d);
    border-color: #fff;
    color: #fff;
  }
}

html[data-look='flyer'] body :is(.site-header, main, dialog, #compare-tray) .btn:not(:disabled):active {
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 35%);
}

html[data-look='flyer'] body :is(.site-header, main, dialog, #compare-tray) .btn:disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .5;
}

html[data-look='flyer'] body :is(.btn, .actionbar :is(.a, .b)):focus-visible {
  outline: 3px solid #f4ed20;
  outline-offset: 3px;
}

html[data-look='flyer'] body .actionbar :is(.a, .b):focus-visible {
  outline-offset: -5px;
}

@media (min-width: 768px) {
  html[data-look='flyer'] .yard-home #sd-submit-btn {
    width: auto;
    min-width: 200px;
  }
}

html:root body .site-header{background:#090b09;border-bottom:1px solid #363b34;box-shadow:none}
html:root body .site-header>.wrap{height:76px;min-height:76px;gap:28px}
html:root body .brand img{width:174px;height:auto;max-height:46px;object-fit:contain}
html:root body .nav{gap:24px}html:root body .nav a{font:700 13px Arial,sans-serif;letter-spacing:.025em}
html:root body .page-head{padding:60px 0;background:#171b18;border-bottom:1px solid #3a413a}
html:root body .page-head h1{margin:16px 0 22px;max-width:22ch}
html:root body .page-head p:not(.eyebrow){font:400 18px/1.65 Arial,sans-serif;max-width:68ch;color:#d0d5ce}
html:root body .section{padding-block:64px}
html:root body .section-head{margin-bottom:30px;gap:24px}
html:root body .section-head .eyebrow{margin-bottom:10px}
html:root body .section-head .muted{margin-top:12px;max-width:65ch;font:400 16px/1.5 Arial,sans-serif}
html:root body .label{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.02em;text-transform:none}
html:root body :is(input,select,textarea){font-size:16px}
html:root body :is(.input,.select){min-height:48px;border:1px solid #535a51;border-radius:0}
html:root body .service{padding:28px;border:1px solid #42493f;background:#1c211b;box-shadow:none}
html:root body .service h3{margin-bottom:14px}html:root body .service p{font:400 16px/1.65 Arial,sans-serif;color:#c4ccc1}
/* Four compositions, one inventory and one set of Rich's flyers. */
.yard-hero{position:relative;isolation:isolate;overflow:hidden;background:#151a15;color:#fff}
.yard-photo{position:absolute;inset:0;z-index:-1}
.yard-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.yard-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,8,.95),rgba(6,12,8,.68) 34%,rgba(6,12,8,.08) 75%)}
.yard-hero-inner{position:relative;min-height:550px;display:flex;align-items:center;padding-block:72px}
.yard-copy{max-width:650px}
.yard-kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.18em;margin-bottom:24px;color:#e4e8dd}
html:root body .yard-copy h1{font-size:clamp(48px,5.6vw,78px);max-width:none;line-height:1.02;letter-spacing:-.035em;margin:0 0 24px;font-weight:700}
.yard-copy h1 span:not(.yard-title-first){color:#f4ed20}
.yard-intro{font:400 18px/1.65 Arial,sans-serif;color:#e1e5db;max-width:450px}
.yard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.yard-actions .btn{border:1px solid #cbd0c2;background:transparent}.yard-actions .btn-call{background:var(--call-yellow)}
.yard-photo-caption{position:absolute;right:4vw;bottom:24px;font:700 10px Arial,sans-serif;letter-spacing:.15em}
.yard-routes{background:#22271f;border-bottom:1px solid #444b3e}
.yard-routes>.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
html:root body .yard-routes .sr-door{flex-direction:row;align-items:center;gap:12px;border:0;border-right:1px solid #444b3e;background:none;padding:23px 20px;transform:none;min-height:74px}
.yard-routes .sr-door:first-child{border-left:1px solid #444b3e}.yard-routes .sr-door span{font:400 11px Arial;color:#b6bdac}.yard-routes .sr-door strong{font:700 17px 'Roboto Condensed',Arial,sans-serif}.yard-routes .sr-door b{margin-left:auto;color:#eeef24}
.yard-home .showroom-section{background:#131613;border-bottom:1px solid #343c31}
.yard-home .showroom-section.is-dark{background:#1d221b}

/* Match the showroom tools to the inventory panels and filters. */
html[data-look='flyer'] {
  --flyer-heading: 'GSHead', 'Roboto Condensed', Arial, sans-serif;
  --flyer-accent-text: #ff6b61;
  --flyer-silver: #cdd3db;
  --flyer-silver-bright: #f3f5f8;
  --flyer-action: #aa1d19;
  --flyer-action-hover: #b8241d;
  --yard-panel: #1d221a;
  --yard-panel-inset: #11160e;
  --yard-panel-line: #4b5344;
  --yard-panel-muted: #c9d0c3;
}

html[data-look='flyer'] .yard-home :is(
  .sr-dispatch-form, .sr-calc-controls, .sr-tier-card, .sr-demo-box,
  .sr-map-controls, .sr-haul-map-container, .sr-matrix-card
) {
  background: var(--yard-panel);
  border: 1px solid var(--yard-panel-line);
  box-shadow: none;
}

html[data-look='flyer'] .yard-home :is(.sr-dispatch-form, .sr-demo-box) {
  border-top: 3px solid var(--flyer-red);
}

html[data-look='flyer'] .yard-home :is(.sr-form-wrapper, .sr-dispatch-form) {
  max-width: none;
}

html[data-look='flyer'] .yard-home .sr-dispatch-form {
  padding: clamp(16px, 3vw, 32px);
}

html[data-look='flyer'] .yard-home .showroom-section :is(.input, .select, .textarea) {
  background: var(--yard-panel-inset);
  border: 1px solid #626c5c;
  border-radius: 0;
}

html[data-look='flyer'] .yard-home .sr-dispatch-form .textarea {
  min-height: 96px;
}

html[data-look='flyer'] .yard-home .sr-dispatch-form .field {
  min-width: 0;
}

html[data-look='flyer'] .yard-home .sr-dispatch-form :is(.input, .textarea)::placeholder {
  color: #aab2a5;
}

html[data-look='flyer'] .yard-home .showroom-section :is(.input, .select, .textarea):focus-visible {
  outline: 2px solid var(--call-yellow);
  outline-offset: 2px;
  box-shadow: none;
}

html[data-look='flyer'] .yard-home :is(.sr-tier-card.is-highlight, .sr-matrix-card:hover) {
  border-color: var(--call-yellow);
}

html[data-look='flyer'] .yard-home :is(.sr-tax-note, .sr-haul-status) {
  background: var(--yard-panel-inset);
  border-color: var(--yard-panel-line);
  color: var(--yard-panel-muted);
}

html[data-look='flyer'] .yard-home :is(.sr-tier-badge:not(.gold), .sr-card-tag:not(.gold):not(.is-urgent)) {
  background: var(--yard-panel-inset);
  color: var(--yard-panel-muted);
}

html[data-look='flyer'] .yard-home :is(.sr-tier-specs, .sr-haul-metrics) {
  border-color: var(--yard-panel-line);
  color: var(--yard-panel-muted);
}

html[data-look='flyer'] .yard-home :is(.sr-tier-price small, .sr-demo-copy p) {
  color: var(--yard-panel-muted);
}

html[data-look='flyer'] .yard-home .sr-tier-price {
  color: var(--call-yellow);
}

html:root body .sr-filter-bar{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:20px;background:#22271f;border:1px solid #444b3e;border-radius:0;margin-bottom:16px}
html:root body .sr-select{background:#11160e;color:#fff;border-color:#5c6455}
html:root body .sr-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
html:root body .sr-poster-card{border:1px solid #4b5344;background:#1d221a;box-shadow:none;border-radius:0;overflow:hidden;min-width:0}
.sr-canvas-wrap{display:block;text-decoration:none}.sr-canvas-wrap:focus-visible{outline:3px solid #f4ed20;outline-offset:-3px}
html:root body .sr-card-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#1d221a;border:0}
html:root body .sr-card-footer>.btn{flex:1 1 130px;padding-inline:10px;font-size:13px}
html:root body .compare-help{color:#c9d0c3;font-size:14px;margin:0 0 20px}
html:root body .compare-choice{width:100%;color:#e6ebdf;padding-top:8px;min-height:44px}
.yard-owner{background:#e8e9e0;color:#182017}
.yard-owner>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
.yard-owner img{width:100%;height:420px;object-fit:cover;object-position:center 40%}
.yard-owner h2{margin:16px 0 24px}.yard-owner p:not(.eyebrow){color:#4f584b;font:400 17px/1.7 Arial,sans-serif;max-width:47ch}
.yard-owner-sign{display:flex;flex-direction:column;margin:26px 0}.yard-owner-sign strong{font-size:20px}.yard-owner-sign span{font-size:14px;color:#57614f}
.yard-services{background:#22271f}.yard-services .section-head{display:flex;justify-content:space-between;align-items:end}.yard-services .section-head>a{font-size:14px}
.yard-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.yard-service-grid>a{padding:28px 0;border-top:1px solid #707961;text-decoration:none;display:flex;flex-direction:column;gap:20px}.yard-service-grid span{font:700 11px Arial,sans-serif;letter-spacing:.12em;color:#e6e9df}.yard-service-grid p{color:#bcc5b3;max-width:32ch}.yard-service-grid b{font:700 14px Arial,sans-serif;color:#e6ea21;margin-top:auto}
.yard-route-label small{display:none}
html[data-look='flyer'] .yard-home .yard-route-number{display:none}
html[data-look='flyer'] .yard-home .yard-route-label{display:grid;gap:3px;line-height:1.2}
html[data-look='flyer'] .yard-home .yard-route-label small{display:block;color:#d0d5c9;font:400 13px/1.3 Arial,sans-serif}
html[data-look='flyer'] .yard-home .yard-routes .sr-door:focus-visible{outline:2px solid var(--call-yellow);outline-offset:-3px}
/* Flyer: shorter photo panel, three original posters just below it. */
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo{left:51%}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo::after{background:linear-gradient(90deg,#151a15,transparent 32%)}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-hero-inner{min-height:340px;padding-block:42px}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-copy h1{font-size:clamp(30px,3.3vw,46px);line-height:1.1;letter-spacing:-.025em}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-kicker{margin-bottom:18px}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-copy{max-width:53%}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-intro{font-size:clamp(1.125rem,1rem + .25vw,1.25rem)}
html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo-caption{display:none}
/* Dealer: a daylight editorial layout with a full, uncropped machine image. */
html[data-look='dealer'] body{background:#151716;color:#fff}
html[data-look='dealer'] .yard-home .yard-hero{background:#e6e9de;color:#192116}
html[data-look='dealer'] .yard-home .yard-photo{left:48%;inset-block:28px;right:28px}
html[data-look='dealer'] .yard-home .yard-photo img{object-fit:cover;object-position:center}
html[data-look='dealer'] .yard-home .yard-photo::after{display:none}
html[data-look='dealer'] .yard-home .yard-hero-inner{min-height:460px;padding-block:64px}
html[data-look='dealer'] .yard-home .yard-copy{max-width:45%}
html[data-look='dealer'] .yard-home .yard-copy h1{font-size:clamp(40px,4.4vw,62px)}
html[data-look='dealer'] .yard-home .yard-copy h1 span:not(.yard-title-first){color:#496031}
html[data-look='dealer'] .yard-home .yard-intro,html[data-look='dealer'] .yard-kicker{color:#414e37}
html[data-look='dealer'] .yard-home .yard-photo-caption{display:none}
html[data-look='dealer'] .yard-home .showroom-section{background:#f0f0e9;color:#172017;border-color:#c9cebf}
html[data-look='dealer'] .yard-home .sr-filter-bar{background:#e0e4d7;border-color:#c4cabb}
html[data-look='dealer'] .yard-home .sr-select{background:#fff;color:#172017;border-color:#9ca88c}
html[data-look='dealer'] .yard-home .compare-help{color:#4b5743}
html[data-look='dealer'] .yard-home .section-head h2{color:#172017}
html[data-look='dealer'] .yard-home .section-head .muted{color:#525c49}
html[data-look='dealer'] .yard-home .yard-services,html[data-look='dealer'] .yard-home .yard-routes,html[data-look='dealer'] .site-footer{color:#fff}
html[data-look='dealer'] .yard-home .sr-card-footer,html[data-look='dealer'] #equipment-compare,html[data-look='dealer'] #compare-tray{color:#fff}
/* Catalog: inventory takes priority over a promotional hero. */
.yard-catalog .yard-photo,.yard-catalog .yard-photo-caption,.yard-catalog .yard-intro,.yard-catalog .yard-actions{display:none}
.yard-catalog .yard-hero-inner{min-height:0;padding-block:36px 30px}
html:root body.yard-catalog .yard-copy h1{font-size:42px;margin:0}.yard-catalog .yard-copy h1 br{display:none}.yard-catalog .yard-copy h1 span{margin-left:.15em}.yard-catalog .yard-kicker{margin-bottom:12px}
.yard-catalog .yard-routes{display:none}
html:root body.yard-catalog #showroom-grid{padding-top:32px}
html:root body.yard-catalog #showroom-grid .section-head{display:none}
@media(max-width:1024px){html:root body .site-header>.wrap{gap:16px}html:root body .nav{gap:14px}.yard-routes .sr-door span{display:none}.yard-owner>.wrap{gap:36px}html:root body .sr-card-footer>.btn{flex-basis:100%}}
@media(max-width:767px){
 html:root body .site-header>.wrap{height:64px;min-height:64px}html:root body .brand img{width:148px;max-height:38px}html:root body .header-call{display:none}
 html:root body .section{padding-block:36px}html:root body .page-head{padding-block:36px}html:root body h1{font-size:36px}html:root body h2{font-size:30px}
 .yard-hero-inner{min-height:580px;align-items:flex-end;padding-block:240px 36px}.yard-photo img{object-position:63% 35%}.yard-photo::after{background:linear-gradient(0deg,#10160e 8%,rgba(16,22,14,.94) 31%,rgba(16,22,14,.12) 83%)}
 html:root body .yard-copy h1{font-size:48px;margin-bottom:18px}.yard-kicker{font-size:10px;letter-spacing:.1em;margin-bottom:16px}.yard-intro{font-size:16px}.yard-actions{margin-top:22px;gap:8px}.yard-actions>.btn{flex:1 1 auto}.yard-photo-caption{display:none}
 .yard-routes>.wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}html:root body .yard-routes .sr-door{padding:15px 18px;border-bottom:1px solid #444b3e;min-height:58px}.yard-routes .sr-door strong{font-size:16px}
 html:root body .sr-filter-bar{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.sr-filter-item:first-child{grid-column:1/-1}
 html:root body .sr-cards-grid{grid-template-columns:1fr;gap:24px}html:root body .sr-card-footer>.btn{flex-basis:130px}
 .yard-owner>.wrap{grid-template-columns:1fr;gap:28px}.yard-owner img{height:300px}.yard-owner h2{margin-bottom:18px}.yard-service-grid{grid-template-columns:1fr;gap:8px}.yard-services .section-head{display:block}.yard-services .section-head>a{display:inline-block;margin-top:20px}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo{left:0;height:166px}.yard-photo img{object-position:center 47%}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo::after{background:linear-gradient(0deg,#151a15,transparent 60%)}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-hero-inner{padding-top:132px;padding-bottom:22px;min-height:0}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo img{object-position:center 41%}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-actions{margin-top:18px}
 html[data-look='flyer'] .yard-home .yard-routes .sr-door{padding:10px 14px;gap:8px;min-height:62px}
 html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-copy{max-width:100%}html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-copy h1{font-size:clamp(29px,7.7vw,36px)}
 html[data-look='dealer'] .yard-home .yard-photo{position:relative;left:auto;right:auto;inset-block:auto;height:260px;margin:16px 16px 0;z-index:0}
 html[data-look='dealer'] .yard-home .yard-hero-inner{min-height:0;padding-block:28px 36px}html[data-look='dealer'] .yard-home .yard-copy{max-width:100%}html[data-look='dealer'] .yard-home .yard-copy h1{font-size:44px}
 .yard-catalog .yard-hero-inner{padding-block:28px 16px}html:root body.yard-catalog .yard-copy h1{font-size:30px}.yard-catalog .yard-copy h1 br{display:block}.yard-catalog .yard-copy h1 span{margin:0}
 html:root body .service{padding:24px}html:root body .site-footer{padding-top:36px}html:root body .preview-clean-dock{bottom:76px}
}
@media(min-width:768px) and (max-width:1023px){html:root body .sr-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.yard-show-all{display:flex;margin:32px auto 0;min-width:240px;justify-content:center}
html:root body .site-header,html:root body .site-header .nav a,html:root body .mobile-nav{color:#f2f4eb}
html:root body .site-header .nav a:hover{color:var(--call-yellow)}
html:root body .menu-btn{color:#fff}
html:root body .sr-card-footer{flex-direction:row}
html:root body .menu-btn span{background:#f2f4eb}
@media(max-width:767px){html:root body .clean-preview-dock{bottom:76px}.has-compare-tray .clean-preview-dock{display:none}}

html[data-look='dealer'] .yard-home #showroom-dispatch{background:#192016;color:#fff}
html[data-look='dealer'] .yard-home #showroom-dispatch h2{color:#fff}
html[data-look='dealer'] .yard-home #showroom-dispatch .muted{color:#c4ccbd}
html[data-look='dealer'] .yard-home #showroom-grid .label{color:#27311f}
html[data-look='dealer'] .yard-home #showroom-grid .sr-filter-bar{color:#27311f}
@media(max-width:767px){html:not([data-look]) .yard-home .yard-photo{height:370px}html:not([data-look]) .yard-home .yard-photo img{object-position:center 65%}html:not([data-look]) .yard-home .yard-photo::after{background:linear-gradient(0deg,#151a15,transparent 65%)}}

html[data-look='dealer'] .yard-home .yard-actions .btn:not(.btn-call){color:#26321e;border-color:#778569}

/* A readable owner portrait and the restored review copy, before the equipment grid. */
html:root body .yard-owner{padding-block:40px}
html:root body .yard-owner>.wrap{grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"photo label" "photo copy";align-items:start;gap:10px 48px}
html:root body .yard-owner-photo{grid-area:photo;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 58%}
.yard-owner #owner-heading{grid-area:label;margin:0}
.yard-owner-copy{grid-area:copy}
html:root body .yard-owner-quote{margin:0 0 18px;color:#24301e;font:400 clamp(1.25rem,1rem + .7vw,1.625rem)/1.5 Georgia,serif;max-width:49ch}
html:root body .yard-owner-sign{margin:0 0 18px}
.machine-services .actions{margin-top:24px}
@media(max-width:767px){html:root body .yard-owner>.wrap{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"label" "photo" "copy";gap:16px}html:root body .yard-owner-photo{max-width:300px}html:root body .yard-owner-quote{font-size:1.3rem;line-height:1.5}}
@media(max-width:767px){html{scroll-padding-bottom:80px}.yard-owner .btn{scroll-margin-bottom:80px}}

@media(max-width:767px){
  html[data-look='flyer'] body .yard-owner-photo{max-width:224px}
}
@media(max-width:360px){
  html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-photo{height:138px}
  html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-hero-inner{padding-top:104px}
  html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-copy h1{font-size:25px}
  html[data-look='flyer'] .yard-home:not(.yard-catalog) .yard-intro{font-size:16px;line-height:1.45}
}

/* Silver poster lettering and red accents carry through the Flyer pages. */
html[data-look='flyer'] body {
  background: var(--surface);
}

html[data-look='flyer']:root body :is(h1, h2, h3) {
  font-family: var(--flyer-heading);
  font-style: italic;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.025em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

html[data-look='flyer']:root body h1 {
  font-size: clamp(1.65rem, 1.2rem + 2vw, 3rem);
}

html[data-look='flyer']:root body :is(h1, h2, h3):not(.yard-owner *) {
  color: var(--flyer-silver);
}

html[data-look='flyer']:root body :is(h1, .showroom-title, #showroom-grid h2):not(.yard-owner *) {
  text-shadow: 0 2px var(--flyer-red);
}

html[data-look='flyer']:root body .yard-copy h1 span {
  color: inherit;
}

@supports (background-clip: text) {
  @media (forced-colors: none) and (prefers-contrast: no-preference) {
    html[data-look='flyer']:root body :is(h1, .showroom-title, #showroom-grid h2):not(.yard-owner *, .yard-home:not(.yard-catalog) #yard-title),
    html[data-look='flyer']:root body.yard-home:not(.yard-catalog) #yard-title > span {
      /* Match the chrome stops in flyer-render.js on each line of type. */
      background-image: linear-gradient(180deg,
        #ffffff 0%, #f8fafc 36%, #d0d6de 49%, #7a828c 53%,
        #aeb6c0 65%, #eef1f5 88%, #ffffff 100%);
      background-clip: text;
      color: transparent;
      text-shadow: none;
      filter: url('../img/brand/flyer-title-outline.svg#outline');
    }

    html[data-look='flyer']:root body.yard-home:not(.yard-catalog) #yard-title {
      text-shadow: none;
    }

    html[data-look='flyer']:root body.yard-home:not(.yard-catalog) #yard-title > span {
      display: inline-block;
      background-size: 100% 1em;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
}

html[data-look='flyer']:root body h2 {
  font-size: clamp(1.25rem, 1rem + 1.4vw, 2.05rem);
}

html[data-look='flyer']:root body h3 {
  font-size: clamp(1rem, .9rem + .5vw, 1.35rem);
}

html[data-look='flyer']:root body :is(.eyebrow, .yard-kicker) {
  color: var(--flyer-accent-text);
}

html[data-look='flyer']:root body .yard-owner .eyebrow {
  color: #ab271f;
}

html[data-look='flyer']:root body .site-header {
  border-bottom: 2px solid var(--flyer-red);
}

html[data-look='flyer']:root body .site-header .nav a:is(:hover, [aria-current='page']) {
  color: var(--flyer-silver-bright);
  border-bottom-color: var(--flyer-red);
}

html[data-look='flyer']:root body .page-head {
  background: var(--surface-sunk);
  border-bottom: 3px double var(--flyer-red);
}

html[data-look='flyer'] body .page-head::before {
  content: none;
}

html[data-look='flyer']:root body .site-footer {
  border-top: 2px solid var(--flyer-red);
}

html[data-look='flyer'] body :is(.yard-actions, .sr-form-actions, .page-head .actions) .btn-call {
  font: italic 900 .8125rem/1.25 var(--flyer-heading);
}

html[data-look='flyer']:root body main :is(.form, .form-card, .buybox) {
  background: var(--yard-panel);
  border: 1px solid var(--yard-panel-line);
  border-top: 3px solid var(--flyer-red);
  box-shadow: none;
}

html[data-look='flyer']:root body main :is(.input, .select, .textarea) {
  background: var(--yard-panel-inset);
  border-color: #626c5c;
}

html[data-look='flyer']:root body main .buybox h1 {
  font-size: clamp(1.35rem, 1rem + 1.1vw, 2rem);
}

html[data-look='flyer']:root body main .buybox .price {
  color: var(--flyer-accent-text);
  text-shadow: 0 2px var(--flyer-red-dark);
}

/* Keep the owner's actual photograph intact, with no synthetic cutout. */
html[data-look='flyer']:root body .site-header .brand img {
  width: clamp(186px, 18vw, 240px);
  max-height: none;
}
html[data-look='flyer']:root body .yard-owner {
  background: #202320;
  color: var(--flyer-silver-bright);
  border-block: 1px solid #454b46;
  padding-block: 32px;
}
html:root body .yard-owner > .wrap {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  grid-template-areas: "photo copy";
  grid-template-rows: auto;
  gap: 32px;
  align-items: center;
  max-width: 1080px;
}
html:root body .yard-owner-photo {
  display: block;
  width: 184px;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 4px;
}
.yard-owner #owner-heading { margin-bottom: 10px; }
html[data-look='flyer']:root body .yard-owner-quote {
  color: #f3f5f8;
  font: 400 clamp(1.125rem, 1rem + .3vw, 1.375rem)/1.5 Arial, sans-serif;
  max-width: 60ch;
  margin-bottom: 14px;
}
html:root body .yard-owner-sign { margin-bottom: 16px; }
html[data-look='flyer'] body .yard-owner-sign span { color: #c4cbc5; }
html[data-look='flyer'] .yard-home .yard-owner .btn:focus-visible { outline-color: #fff; }
@media (min-width: 861px) and (max-width: 939px) {
  html[data-look='flyer'] .site-header :is(.nav, .header-call) { display: none; }
  html[data-look='flyer'] .site-header .menu-btn { display: inline-block; }
  html[data-look='flyer'] .site-header .mobile-nav.open { display: block; }
}
@media (max-width: 767px) {
  html[data-look='flyer']:root body .site-header .brand img { width: 182px; }
  html:root body .yard-owner > .wrap { grid-template-columns: 112px minmax(0, 1fr); gap: 20px; align-items: start; }
  html:root body .yard-owner-photo { width: 112px; }
  html[data-look='flyer']:root body .yard-owner-quote { font-size: 1rem; }
  html:root body .yard-owner-copy .btn { width: 100%; padding-inline: 8px; }
}
@media (max-width: 359px) {
  html:root body .yard-owner > .wrap { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
  html:root body .yard-owner-photo { width: 88px; }
}

html:not([data-look='flyer']) .sr-category-photos {
  display: none;
}

.sr-category-photos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.sr-category-photo {
  display: grid;
  gap: 7px;
  justify-items: center;
  min-height: 44px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #889083;
  border-radius: 4px;
  background: #202320;
  color: var(--flyer-silver-bright);
  text-align: center;
  font: 700 .9375rem/1.2 Arial, sans-serif;
  cursor: pointer;
}

.sr-category-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center 62%;
  background: #151816;
  border-radius: 2px;
}

.sr-category-photo[aria-pressed="true"] {
  border-color: var(--flyer-accent-text);
  background: var(--flyer-action);
}

.sr-category-photo:focus-visible {
  outline: 2px solid var(--flyer-silver-bright);
  outline-offset: 3px;
}

@media (hover: hover) {
  .sr-category-photo:hover { border-color: var(--flyer-accent-text); }
}

@media (max-width: 560px) {
  .sr-category-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-category-photo img { aspect-ratio: 16 / 9; }
}

@media (forced-colors: active) {
  .sr-category-photo[aria-pressed="true"] { border: 2px solid Highlight; }
  html[data-look='flyer'] .menu-btn span { border-top: 2px solid ButtonText; }
}

/* Shared panels: consistent spacing from the first label to the final action. */
html[data-look='flyer']:root body main .form { padding: clamp(18px, 2.5vw, 32px); }
html[data-look='flyer']:root body main .form .form { padding: 0; border: 0; }
html[data-look='flyer']:root body main :is(.card, .plan-card) { background-color: #202320; border-color: #4b5344; }
.sr-browse-mode { border: 0; padding: 0; margin: 0 0 20px; }
.sr-browse-mode legend { font: 700 .8125rem/1.5 Arial, sans-serif; margin-bottom: 8px; }
.sr-browse-mode-options { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-mode-choice { position: relative; cursor: pointer; }
.sr-mode-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sr-mode-choice span { display: flex; align-items: center; justify-content: center; min-height: 48px; min-width: 100px; padding: 8px 20px; border: 1px solid #889083; border-radius: 4px; font-weight: 700; }
.sr-mode-choice input:checked + span { background: var(--flyer-action, #aa1d19); color: #fff; border-color: #ff6b61; box-shadow: inset 0 -3px #711311; }
.sr-mode-choice input:focus-visible + span { outline: 2px solid currentColor; outline-offset: 3px; }
.sr-results-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; min-height: 48px; }
.sr-results-toolbar p { margin: 0; font-size: 14px; }
html:root body .sr-results-toolbar .btn { padding: 10px 16px; min-height: 48px; }
.sr-category-photo[aria-pressed="true"] > span::before { content: "✓ "; }
@media (max-width: 560px) {
  html:root body .sr-filter-bar { grid-template-columns: minmax(0, 1fr); }
  .sr-filter-item { min-width: 0; }
  .sr-mode-choice { flex: 1; }
  .sr-mode-choice span { min-width: 0; padding-inline: 12px; }
}
@media (forced-colors: active) {
  .sr-mode-choice input:checked + span { outline: 2px solid Highlight; outline-offset: -4px; }
}

.sr-category-photo[data-category="wheel-loader"] img { object-position: center 43%; }
html[data-look='flyer']:root body main :is(.package, .card-compact, .care-card) { background: var(--yard-panel); border: 1px solid var(--yard-panel-line); border-top: 3px solid var(--flyer-red); box-shadow: none; }
html[data-look='flyer']:root body .yard-owner .eyebrow { color: #ff8b80; }

/* One hero: the owner stays beside his words, the actual excavator fills the other side. */
html[data-look='flyer'] .yard-home .yard-integrated .yard-photo {
  display: block;
  left: 51%;
  height: auto;
}
html[data-look='flyer'] .yard-home .yard-integrated .yard-photo img {
  object-position: center 50%;
}
html[data-look='flyer'] .yard-home .yard-integrated .yard-photo::after {
  background: linear-gradient(90deg, #151a15, transparent 25%);
}
html[data-look='flyer'] .yard-home .yard-integrated .yard-hero-inner {
  min-height: 550px;
  padding-block: 36px;
}
html[data-look='flyer'] .yard-home .yard-integrated .yard-copy { width: 53%; max-width: 53%; }
html[data-look='flyer'] .yard-home .yard-integrated #yard-title {
  font-size: clamp(30px, 3.3vw, 46px);
  line-height: 1.1;
  margin: 0 0 24px;
}
html[data-look='flyer'] .yard-home .yard-integrated #yard-title br { display: block; }
html[data-look='flyer'] .yard-home .yard-integrated #yard-title span { margin: 0; }
html[data-look='flyer'] .yard-home .yard-integrated .yard-intro { display: block; }
html[data-look='flyer'] .yard-home .yard-integrated .yard-actions { display: flex; }
html[data-look='flyer'] .yard-home .yard-integrated .yard-photo-caption { display: none; }
.yard-owner-inline {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  max-width: 530px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #454b46;
}
html:root body .yard-owner-inline .yard-owner-photo {
  grid-area: auto;
  width: 160px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 3px;
}
html:root body .yard-owner-inline .eyebrow { margin: 0 0 8px; color: #ff8b80; font-size: 11px; }
html:root body .yard-owner-inline .yard-owner-quote {
  color: #f3f5f8;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 10px;
  max-width: none;
}
html:root body .yard-owner-inline .yard-owner-sign { margin: 0; gap: 3px; }
html:root body .yard-owner-inline .yard-owner-sign strong { color: #f3f5f8; font-size: 16px; }
html:root body .yard-owner-inline .yard-owner-sign span { color: #c4cbc5; font-size: 13px; }
/* Phone composition: photograph and identity first, full-width quote below. */
@media (max-width: 767px) {
  html[data-look='flyer'] .yard-home .yard-integrated .yard-photo {
    position: relative; inset: auto; z-index: 0; width: 100%; height: 160px;
  }
  html[data-look='flyer'] .yard-home .yard-integrated .yard-photo img { object-position: center 48%; }
  html[data-look='flyer'] .yard-home .yard-integrated .yard-photo::after {
    background: linear-gradient(0deg, #151a15, transparent 45%);
  }
  html[data-look='flyer'] .yard-home .yard-integrated .yard-hero-inner {
    min-height: 0; padding-block: 16px 24px;
  }
  html[data-look='flyer'] .yard-home .yard-integrated .yard-copy { width: 100%; max-width: 100%; }
  html[data-look='flyer'] .yard-home .yard-integrated #yard-title { font-size: clamp(22px, 7.1vw, 32px); margin-bottom: 16px; }
  html[data-look='flyer'] .yard-home .yard-integrated .yard-intro { font: 400 16px/1.5 Arial, sans-serif; }
  html[data-look='flyer'] .yard-home .yard-integrated #yard-title > span { white-space: nowrap; background-size: 100% 100%; }
  .yard-owner-inline {
    grid-template-columns: 128px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px 20px; align-items: center; margin-top: 24px; padding-top: 20px;
  }
  .yard-owner-inline .yard-owner-message { display: contents; }
  html:root body .yard-owner-inline .yard-owner-photo { grid-column: 1; grid-row: 1 / 3; width: 128px; }
  html:root body .yard-owner-inline .eyebrow { grid-column: 2; grid-row: 1; align-self: end; margin: 0; }
  html:root body .yard-owner-inline .yard-owner-sign { grid-column: 2; grid-row: 2; align-self: start; }
  html:root body .yard-owner-inline .yard-owner-quote { grid-column: 1 / -1; grid-row: 3; margin: 8px 0 0; }
}
/* Keep optional enquiry fields secondary to the buyer's contact details. */
.sr-optional-details { margin: 0 0 24px; border-block: 1px solid var(--yard-line, #4a4e42); }
.sr-optional-details > summary { padding: 16px 0; min-height: 48px; cursor: pointer; font-weight: 700; }
.sr-optional-details[open] > summary { margin-bottom: 12px; }
.sr-optional-details > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

html[data-look='flyer'] #lightbox,
html[data-look='flyer'] #lightbox::backdrop { background: #101211; }
html[data-look='flyer'] #lightbox .lb-btn { background: #252b23; border-color: #889083; color: #f5f6ed; }
html[data-look='flyer'] #lightbox .lb-close { background: var(--flyer-action); border-color: var(--flyer-accent-text); color: var(--flyer-silver-bright); }
html[data-look='flyer'] #lightbox .lb-btn:focus-visible { outline-color: var(--flyer-silver-bright); }