<div class="aquasd-auctions-page">
<h1>Live Aqua SD eBay Auctions</h1>
<p>Bid on our current live coral auctions directly through eBay.</p>
<div id="ebay-auctions-grid">
Loading current auctions...
</div>
</div>
<style>
/* Force the BigCommerce page container wider */
body.page-type-page .page-content,
body.page-type-page .page-content--centered,
body.page-type-page main .container,
body.page-type-page .container {
max-width: none !important;
width: 100% !important;
}
/* Force auction page to break out of BigCommerce narrow page container */
.aquasd-auctions-page {
width: calc(100vw - 80px) !important;
max-width: 1600px !important;
margin-left: 50% !important;
transform: translateX(-50%) !important;
padding: 30px 15px !important;
color: #fff !important;
box-sizing: border-box !important;
}
.aquasd-auctions-page h1 {
text-align: center !important;
font-size: 34px !important;
margin-bottom: 10px !important;
color: #fff !important;
}
.aquasd-auctions-page p {
text-align: center !important;
color: #ccc !important;
margin-bottom: 30px !important;
}
/* Desktop: exactly 5 per row */
#ebay-auctions-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 22px !important;
width: 100% !important;
max-width: 1600px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
.ebay-auction-card {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
background: #111 !important;
border: 1px solid #333 !important;
border-radius: 12px !important;
padding: 14px !important;
text-align: center !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(0,0,0,.35) !important;
}
.ebay-auction-card img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
border-radius: 10px !important;
margin-bottom: 12px !important;
}
.ebay-auction-card h3 {
font-size: 16px !important;
line-height: 1.3 !important;
color: #fff !important;
min-height: 42px !important;
margin: 8px 0 !important;
}
.ebay-auction-price {
font-size: 20px !important;
font-weight: bold !important;
color: #1e90ff !important;
margin: 8px 0 4px !important;
}
.ebay-auction-bids,
.ebay-auction-end {
font-size: 14px !important;
color: #ccc !important;
margin: 4px 0 !important;
}
.ebay-bid-button {
display: inline-block !important;
margin-top: 12px !important;
padding: 11px 18px !important;
background: #005bbb !important;
color: #fff !important;
text-decoration: none !important;
border-radius: 6px !important;
font-weight: bold !important;
}
.ebay-bid-button:hover {
background: #003f88 !important;
}
/* Mobile: 2 per row */
@media (max-width: 800px) {
.aquasd-auctions-page {
padding: 22px 10px !important;
}
.aquasd-auctions-page h1 {
font-size: 26px !important;
}
.aquasd-auctions-page p {
font-size: 14px !important;
margin-bottom: 20px !important;
}
#ebay-auctions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ebay-auction-card {
padding: 10px !important;
border-radius: 10px !important;
}
.ebay-auction-card img {
height: 160px !important;
border-radius: 8px !important;
}
.ebay-auction-card h3 {
font-size: 13px !important;
line-height: 1.25 !important;
min-height: auto !important;
}
.ebay-auction-price {
font-size: 16px !important;
}
.ebay-auction-bids,
.ebay-auction-end {
font-size: 12px !important;
}
.ebay-bid-button {
width: 100% !important;
box-sizing: border-box !important;
padding: 10px 8px !important;
font-size: 13px !important;
}
}
/* Mobile: 2 per row */
@media (max-width: 800px) {
.aquasd-auctions-page {
width: calc(100vw - 20px) !important;
max-width: none !important;
margin-left: 50% !important;
transform: translateX(-50%) !important;
padding: 22px 10px !important;
}
#ebay-auctions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ebay-auction-card {
padding: 10px !important;
border-radius: 10px !important;
}
.ebay-auction-card img {
height: 160px !important;
border-radius: 8px !important;
}
.ebay-auction-card h3 {
font-size: 13px !important;
line-height: 1.25 !important;
min-height: auto !important;
}
.ebay-auction-price {
font-size: 16px !important;
}
.ebay-auction-bids,
.ebay-auction-end {
font-size: 12px !important;
}
.ebay-bid-button {
width: 100% !important;
box-sizing: border-box !important;
padding: 10px 8px !important;
font-size: 13px !important;
}
}
</style>