/* Data Sentry Trailer Catalogue — single + archive front-end styles.
   Matches the UBeaut redesign: Barlow / Barlow Condensed, green + charcoal. */
:root{
  --dst-green:#7FB438; --dst-green-dark:#6A9A2D; --dst-green-deep:#3F5C1C;
  --dst-charcoal:#1D2125; --dst-ink:#2A2E33; --dst-ink-2:#5D656C;
  --dst-border:#EAEAEA; --dst-paper:#F7F8F6;
  --dst-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --dst-body:"Barlow","Helvetica Neue",Helvetica,sans-serif;
}
.ds-trailer-wrap{max-width:1140px;margin:0 auto;padding:1.75rem 1.25rem 3rem;font-family:var(--dst-body);color:var(--dst-ink)}
.ds-trailer-crumb{font-size:.82rem;color:var(--dst-ink-2);margin:0 0 1.25rem}
.ds-trailer-crumb a{color:var(--dst-ink-2);text-decoration:none}
.ds-trailer-crumb a:hover{color:var(--dst-green-dark)}

/* two-column top */
.ds-trailer-top{display:grid;grid-template-columns:1.15fr 1fr;gap:2.25rem;align-items:start}
@media(max-width:860px){.ds-trailer-top{grid-template-columns:1fr;gap:1.5rem}}

/* media / gallery */
.ds-trailer-hero img{width:100%;height:auto;border-radius:10px;display:block}
.ds-trailer-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.6rem}
.ds-trailer-gallery-item{display:block}
.ds-trailer-gallery-item img{width:100%;height:80px;object-fit:cover;border-radius:6px;display:block}

/* buy box */
.ds-trailer-buybox{display:flex;flex-direction:column}
.ds-trailer-title{font-family:var(--dst-display);font-weight:700;line-height:1.04;font-size:2.3rem;color:var(--dst-charcoal);margin:0 0 .35rem}
.ds-trailer-tagline{font-size:1.05rem;color:var(--dst-ink-2);margin:0 0 .75rem}
.ds-trailer-price{font-family:var(--dst-display);font-weight:700;font-size:2.5rem;color:var(--dst-charcoal);margin:.1rem 0 .15rem;line-height:1}
.ds-trailer-price-disclaimer{font-size:.82rem;color:var(--dst-ink-2);margin:0 0 .5rem}

/* spec card */
.ds-trailer-specs{border:1px solid var(--dst-border);border-radius:8px;margin:1rem 0 1.25rem;overflow:hidden}
.ds-spec-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;border-top:1px solid var(--dst-border);font-size:.95rem}
.ds-spec-row:first-child{border-top:none}
.ds-spec-k{color:var(--dst-ink-2)}
.ds-spec-v{font-weight:700;color:var(--dst-charcoal);text-align:right}

/* actions */
.ds-trailer-actions{display:flex;gap:.75rem;align-items:stretch;margin:.35rem 0 .8rem}
.ds-trailer-enquire-btn{flex:1 1 auto;text-align:center;background:var(--dst-green);color:#fff;font-family:var(--dst-body);font-weight:600;font-size:1rem;padding:.85rem 1.5rem;border-radius:6px;text-decoration:none;border:2px solid var(--dst-green);transition:background .15s,border-color .15s}
.ds-trailer-enquire-btn:hover{background:var(--dst-green-dark);border-color:var(--dst-green-dark);color:#fff}
.ds-trailer-call-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--dst-charcoal);font-family:var(--dst-body);font-weight:600;padding:.75rem 1.15rem;border:2px solid var(--dst-charcoal);border-radius:6px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.ds-trailer-call-btn:hover{background:var(--dst-charcoal);color:#fff}
.ds-trailer-lead-time{font-size:.9rem;color:var(--dst-ink-2);margin:.25rem 0}
.ds-trailer-instock{font-size:.85rem;font-weight:600;color:var(--dst-green-deep);margin:.25rem 0 0}
.ds-tick{color:var(--dst-green)}

/* about (full width below) */
.ds-trailer-about{margin-top:2.5rem;border-top:1px solid var(--dst-border);padding-top:1.75rem}
.ds-trailer-about h2{font-family:var(--dst-display);font-weight:700;font-size:1.7rem;color:var(--dst-charcoal);margin:1.5rem 0 .75rem}
.ds-trailer-about section:first-child h2{margin-top:0}
.ds-trailer-description p{color:var(--dst-ink);line-height:1.6;margin:0 0 1rem;max-width:70ch}
.ds-trailer-points ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.ds-trailer-points li{display:flex;flex-direction:column}
.ds-trailer-points strong{color:var(--dst-charcoal)}
.ds-trailer-features{columns:2;list-style:disc;padding-left:1.25rem;margin:.5rem 0;color:var(--dst-ink)}
.ds-trailer-options-table{width:100%;border-collapse:collapse;max-width:640px}
.ds-trailer-options-table th,.ds-trailer-options-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--dst-border);vertical-align:top}
.ds-trailer-options-table th{width:70%;font-weight:600}
.ds-trailer-options-table td{font-weight:700;color:var(--dst-green-dark);white-space:nowrap}
.ds-opt-desc{display:block;font-weight:400;color:var(--dst-ink-2);font-size:.85rem}
.ds-trailer-specsheet{margin:1rem 0}
.ds-trailer-specsheet a{color:var(--dst-green-dark);font-weight:600}
@media(max-width:600px){.ds-trailer-features{columns:1}.ds-trailer-actions{flex-wrap:wrap}}

/* archive grid */
.ds-trailer-archive .ds-trailer-wrap h1{font-family:var(--dst-display);font-weight:700;color:var(--dst-charcoal)}
.ds-trailer-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1.5rem}
.ds-trailer-filter a{text-decoration:none;padding:.4rem .9rem;border:1px solid #AEB6BC;border-radius:99px;font-size:.88rem;font-weight:600;color:var(--dst-ink)}
.ds-trailer-filter a:hover,.ds-trailer-filter a.is-active{border-color:var(--dst-green);background:var(--dst-paper);color:var(--dst-green-deep)}
.ds-trailer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.ds-trailer-card{border:1px solid var(--dst-border);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s}
.ds-trailer-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ds-trailer-card-link{text-decoration:none;color:inherit;display:block}
.ds-trailer-card-img img{width:100%;height:185px;object-fit:cover;display:block}
.ds-trailer-card-title{font-family:var(--dst-display);font-weight:700;font-size:1.2rem;margin:.7rem .9rem .15rem;color:var(--dst-charcoal)}
.ds-trailer-card-price{margin:0 .9rem 1rem;font-weight:700;color:var(--dst-green-dark)}