<!--
=========================================================================
EVANS & CLARKE — AUCTION COLLECTION INFO BLOCK
Sale #51650 · Estate clearance (tools, ladders & shed) · Gilbert Street, Adelaide
=========================================================================
-->
<div class="ecn-collection">
<header class="ecn-hero">
<div class="ecn-hero-text">
<p class="ecn-eyebrow">Estate clearance · Online auction</p>
<h1 class="ecn-title">Estate clearance — tools, ladders & shed items</h1>
<p class="ecn-subtitle">Tools, ladders, shed and hardware items and more — Gilbert Street, Adelaide</p>
</div>
<div class="ecn-hero-aside">
<img class="ecn-logo" src="PASTE_LOGO_DATA_URI_HERE" alt="Evans & Clarke Auctions" />
<div class="ecn-sale-badge">
<span class="ecn-sale-label">Sale</span>
<span class="ecn-sale-number">#51650</span>
</div>
</div>
</header>
<section class="ecn-countdown" data-close-time="2026-07-26T19:30:00+09:30">
<div class="ecn-countdown-label">
<span class="ecn-countdown-icon" aria-hidden="true"></span>
Auction closes <strong>Sun 26 July</strong> at <strong>7:30 pm</strong>
</div>
<div class="ecn-countdown-clock" aria-live="polite">
<div class="ecn-unit"><span class="ecn-num" data-cd="days">--</span><span class="ecn-tag">days</span></div>
<div class="ecn-sep">:</div>
<div class="ecn-unit"><span class="ecn-num" data-cd="hours">--</span><span class="ecn-tag">hrs</span></div>
<div class="ecn-sep">:</div>
<div class="ecn-unit"><span class="ecn-num" data-cd="minutes">--</span><span class="ecn-tag">min</span></div>
<div class="ecn-sep">:</div>
<div class="ecn-unit"><span class="ecn-num" data-cd="seconds">--</span><span class="ecn-tag">sec</span></div>
</div>
</section>
<div class="ecn-row">
<article class="ecn-card">
<div class="ecn-card-head">
<svg class="ecn-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z"/></svg>
<h2 class="ecn-card-title">Inspection</h2>
</div>
<p class="ecn-card-primary">Sat 25 July</p>
<p class="ecn-card-secondary">10 am – 12 pm</p>
</article>
<article class="ecn-card">
<div class="ecn-card-head">
<svg class="ecn-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 17H5V5h11l3 4h2v8h-2"/><circle cx="8" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>
<h2 class="ecn-card-title">Collection window</h2>
</div>
<p class="ecn-card-primary ecn-collection-line">Mon 27 July, 10 am – 3 pm</p>
<p class="ecn-card-primary ecn-collection-line">Sat 1 August, 10 am – 12 pm</p>
</article>
</div>
<div class="ecn-location">
<svg class="ecn-loc-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<div>
<p class="ecn-loc-label">Location</p>
<p class="ecn-loc-address">202A Gilbert Street, Adelaide SA 5000, Australia</p>
</div>
</div>
<div class="ecn-row">
<article class="ecn-card">
<div class="ecn-card-head">
<svg class="ecn-card-icon ecn-warn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>
<h2 class="ecn-card-title">Before you collect</h2>
</div>
<ul class="ecn-rules">
<li>Buyer is responsible for removing goods</li>
<li>No lifting facilities available onsite</li>
<li>Depending on parking availability onsite on the day, you may be some distance from the collection point — take note of this if bidding on bulky items</li>
<li>Paid-in-full invoice required at pickup</li>
<li>No payment facilities onsite</li>
</ul>
<div class="ecn-warning-strip">Uncollected items will be forfeited</div>
</article>
<article class="ecn-card">
<div class="ecn-card-head">
<svg class="ecn-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
<h2 class="ecn-card-title">How to pay</h2>
</div>
<div class="ecn-pay-method">
<p class="ecn-pay-name">Credit card online</p>
<p class="ecn-pay-detail">Log in to our website and go to <em>My account</em>. A 1.1% surcharge applies.</p>
</div>
<div class="ecn-pay-method">
<p class="ecn-pay-name">Electronic funds transfer</p>
<p class="ecn-pay-detail">Quote the <em>REF number</em> shown on your invoice so the payment can be matched.</p>
</div>
</article>
</div>
</div>
<style>
.ecn-collection {
--ecn-brand: #00233F;
--ecn-accent: #DD282F;
--ecn-ink: #1C1917;
--ecn-body: #44403C;
--ecn-muted: #78716C;
--ecn-paper: #FFFFFF;
--ecn-surface: #FFFFFF;
--ecn-border: #E7E2DB;
--ecn-border-soft: #F0EBE3;
--ecn-warn: #DD282F;
--ecn-warn-bg: #FFFFFF;
font-family: 'Helvetica Neue', 'Segoe UI', system-ui, -apple-system, sans-serif;
color: var(--ecn-body);
line-height: 1.55;
background: var(--ecn-paper);
border: 1px solid var(--ecn-border);
border-radius: 6px;
padding: 28px;
max-width: 760px;
margin: 0 auto;
box-sizing: border-box;
}
.ecn-collection *, .ecn-collection *::before, .ecn-collection *::after { box-sizing: border-box; }
.ecn-collection p { margin: 0; }
.ecn-collection h1, .ecn-collection h2 { margin: 0; color: var(--ecn-ink); font-weight: 600; letter-spacing: -0.01em; }
.ecn-collection ul { margin: 0; padding: 0; list-style: none; }
.ecn-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--ecn-border-soft); margin-bottom: 22px; }
.ecn-hero-text { flex: 1; min-width: 0; }
.ecn-hero-aside { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.ecn-collection .ecn-logo { height: 64px; width: auto; max-width: 100%; display: block; object-fit: contain; flex-shrink: 0; }
.ecn-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ecn-brand); margin-bottom: 8px !important; }
.ecn-title { font-family: Georgia, 'Times New Roman', serif; font-size: 30px; line-height: 1.15; margin-bottom: 6px !important; font-weight: 600; color: var(--ecn-brand); }
.ecn-subtitle { font-size: 14px; color: var(--ecn-muted); line-height: 1.5; }
.ecn-sale-badge { flex-shrink: 0; background: var(--ecn-surface); border: 1px solid var(--ecn-border); border-top: 3px solid var(--ecn-brand); padding: 10px 16px 12px; text-align: center; min-width: 96px; }
.ecn-sale-label { display: block; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ecn-muted); margin-bottom: 2px; }
.ecn-sale-number { display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 20px; font-weight: 600; color: var(--ecn-brand); }
.ecn-countdown { background: var(--ecn-surface); color: var(--ecn-ink); border: 1px solid var(--ecn-border); border-radius: 4px; padding: 20px 24px; margin-bottom: 14px; text-align: center; position: relative; overflow: hidden; }
.ecn-countdown::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--ecn-accent); }
.ecn-countdown-label { font-size: 13px; color: var(--ecn-muted); margin-bottom: 14px; letter-spacing: 0.02em; }
.ecn-countdown-label strong { color: var(--ecn-brand); font-weight: 600; }
.ecn-collection .ecn-countdown-icon { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ecn-accent); margin-right: 8px; vertical-align: middle; position: relative; top: -1px; animation: ecn-pulse 2s ease-in-out infinite; }
@keyframes ecn-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
.ecn-countdown-clock { display: flex; align-items: baseline; justify-content: center; gap: 8px; font-variant-numeric: tabular-nums; }
.ecn-unit { display: flex; flex-direction: column; align-items: center; min-width: 56px; }
.ecn-num { font-family: Georgia, 'Times New Roman', serif; font-size: 36px; font-weight: 600; line-height: 1; color: var(--ecn-brand); letter-spacing: -0.02em; }
.ecn-tag { font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; color: var(--ecn-muted); margin-top: 6px; }
.ecn-sep { font-size: 28px; color: var(--ecn-border); font-weight: 300; transform: translateY(-6px); }
.ecn-countdown.is-closed .ecn-countdown-clock { display: none; }
.ecn-countdown.is-closed .ecn-countdown-label::after { content: ' — auction closed'; color: var(--ecn-accent); font-weight: 600; }
.ecn-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-bottom: 14px; }
.ecn-card { background: var(--ecn-surface); border: 1px solid var(--ecn-border); border-radius: 4px; padding: 20px 22px; }
.ecn-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--ecn-border-soft); }
.ecn-card-icon { width: 20px; height: 20px; color: var(--ecn-brand); flex-shrink: 0; }
.ecn-card-icon.ecn-warn { color: var(--ecn-warn); }
.ecn-card-title { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ecn-ink); }
.ecn-card-primary { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; color: var(--ecn-ink); font-weight: 500; line-height: 1.35; }
.ecn-card-secondary { font-size: 13px; color: var(--ecn-muted); margin-top: 4px !important; }
.ecn-collection-line + .ecn-collection-line { margin-top: 6px !important; }
.ecn-collection-subhead { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ecn-muted); margin-bottom: 6px !important; }
.ecn-collection-line + .ecn-collection-subhead { margin-top: 14px !important; }
.ecn-location { display: flex; align-items: center; gap: 14px; background: var(--ecn-surface); border: 1px solid var(--ecn-border); border-left: 3px solid var(--ecn-brand); border-radius: 0 4px 4px 0; padding: 14px 18px; margin-bottom: 14px; }
.ecn-loc-icon { width: 22px; height: 22px; color: var(--ecn-brand); flex-shrink: 0; }
.ecn-loc-label { font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ecn-muted); }
.ecn-loc-address { font-family: Georgia, 'Times New Roman', serif; font-size: 16px; color: var(--ecn-ink); font-weight: 500; margin-top: 2px !important; }
.ecn-rules li { position: relative; padding: 6px 0 6px 22px; font-size: 14px; color: var(--ecn-body); border-bottom: 1px dotted var(--ecn-border-soft); }
.ecn-rules li:last-child { border-bottom: none; }
.ecn-rules li::before { content: ''; position: absolute; left: 4px; top: 14px; width: 6px; height: 6px; border: 1.5px solid var(--ecn-brand); border-right: 0; border-top: 0; transform: rotate(-45deg); }
.ecn-warning-strip { margin-top: 12px; background: var(--ecn-warn-bg); color: var(--ecn-warn); border-left: 3px solid var(--ecn-warn); padding: 10px 14px; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; }
.ecn-pay-method { padding: 10px 0; border-bottom: 1px dotted var(--ecn-border-soft); }
.ecn-pay-method:last-child { border-bottom: none; padding-bottom: 0; }
.ecn-pay-method:first-child { padding-top: 0; }
.ecn-pay-name { font-size: 14px; font-weight: 600; color: var(--ecn-ink); margin-bottom: 4px !important; }
.ecn-pay-detail { font-size: 13px; color: var(--ecn-muted); line-height: 1.55; }
.ecn-pay-detail em { font-style: normal; color: var(--ecn-ink); background: var(--ecn-paper); padding: 1px 6px; border: 1px solid var(--ecn-border); border-radius: 3px; font-size: 12px; white-space: nowrap; }
@media (max-width: 540px) {
.ecn-collection { padding: 20px; border-radius: 4px; }
.ecn-hero { flex-direction: column-reverse; gap: 14px; }
.ecn-hero-aside { align-self: flex-start; }
.ecn-collection .ecn-logo { height: 48px; }
.ecn-title { font-size: 24px; }
.ecn-countdown { padding: 18px 14px; }
.ecn-unit { min-width: 48px; }
.ecn-num { font-size: 30px; }
.ecn-sep { font-size: 24px; }
}
</style>
<script>
(function() {
var root = document.querySelector('.ecn-collection .ecn-countdown');
if (!root) return;
var closeIso = root.getAttribute('data-close-time');
if (!closeIso) return;
var closeAt = new Date(closeIso).getTime();
if (isNaN(closeAt)) return;
var nums = {
days: root.querySelector('[data-cd="days"]'),
hours: root.querySelector('[data-cd="hours"]'),
minutes: root.querySelector('[data-cd="minutes"]'),
seconds: root.querySelector('[data-cd="seconds"]')
};
function pad(n) { return n < 10 ? '0' + n : '' + n; }
function tick() {
var diff = closeAt - Date.now();
if (diff <= 0) {
root.classList.add('is-closed');
nums.days.textContent = '0';
nums.hours.textContent = '00';
nums.minutes.textContent = '00';
nums.seconds.textContent = '00';
clearInterval(timer);
return;
}
var d = Math.floor(diff / 86400000);
var h = Math.floor((diff % 86400000) / 3600000);
var m = Math.floor((diff % 3600000) / 60000);
var s = Math.floor((diff % 60000) / 1000);
nums.days.textContent = d;
nums.hours.textContent = pad(h);
nums.minutes.textContent = pad(m);
nums.seconds.textContent = pad(s);
}
tick();
var timer = setInterval(tick, 1000);
})();
</script>
Sale #51650
Estate Clearance, Tools, Ladders & Shed Items & More - Located At Gilbert st, Adelaide
13 items in auction
Sun Jul 26, 2026
Closes at 7:45 PM
