/* Ash Johnson Agricultural Machinery — site styles
   Palette: logo blue #1b6cb0 · charcoal #2b2f31 · cool grey #f4f6f8 · white cards
   Page layout lives as inline styles on the markup (as designed); this file holds
   the resets, shared states and responsive rules. */

:root{
  --blue:#1b6cb0; --blue-dark:#14548a; --charcoal:#2b2f31; --ink:#3c4348;
  --muted:#6c7378; --grey:#f4f6f8; --line:rgba(43,47,49,.13); --max:1280px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);
  font-family:Archivo,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%}
img{max-width:100%;background:#e6e9ec}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-dark)}
.page{background:#fff;overflow:hidden}

/* stock cards + list rows */
a[href="machine.html"]{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
a[href="machine.html"]:hover{border-color:var(--blue)!important;box-shadow:0 6px 20px rgba(43,47,49,.13)}

.photo-placeholder{background-image:repeating-linear-gradient(135deg,#dde1e5 0 6px,#eef1f4 6px 12px);
  display:flex;align-items:center;justify-content:center;color:#868d92;text-align:center;
  font:500 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.04em}

/* gallery */
.gallery-thumb{cursor:pointer}
.gallery-thumb.is-active{outline:2px solid var(--blue);outline-offset:-2px}

/* sticky tap-to-call — phones only */
.call-bar{display:none}

@media (max-width:900px){
  .page{max-width:100%}
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:1.28fr 1fr"],
  [style*="grid-template-columns:1fr 1fr;gap:44px"],
  [style*="grid-template-columns:1.05fr 1fr"]{grid-template-columns:1fr!important}
  [style*="padding:44px 40px"],[style*="padding:40px 40px"],[style*="padding:34px 40px"],
  [style*="padding:22px 40px"],[style*="padding:18px 40px"],[style*="padding:9px 40px"]{
    padding-left:18px!important;padding-right:18px!important}
  h1{font-size:32px!important;line-height:1.08!important}
  nav,.site-nav{display:none}
  body{padding-bottom:74px}
  .call-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;
    align-items:center;justify-content:center;height:62px;
    background:var(--blue);color:#fff;font:700 16px/1 Archivo,sans-serif;
    box-shadow:0 -2px 14px rgba(0,0,0,.18)}
  .call-bar:hover{color:#fff}
}
@media print{.call-bar{display:none}}