/* =======================================================
   Auction Page — Simplified Premium Layout (visible images)
   ======================================================= */

/* --- Global scope for auction page --- */
.auction-module { margin-bottom:80px; }
.auction-module h2 {
  color:#0A4E73;
  font-weight:800;
  letter-spacing:.3px;
  margin-bottom:8px;
}
.auction-module p {
  color:#334155;
  line-height:1.6;
}

/* --- Schedule header --- */
.schedule-header {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  background:linear-gradient(90deg,#EAF6FC,#CFEAF7);
  border:1px solid #CFEAF7;
  border-radius:12px;
  padding:20px 28px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
}
.schedule-header h2 {
  font-size:1.9rem;
  margin:0;
}
.schedule-header p {
  margin:4px 0 0;
  color:#4b5563;
}
.btn-download {
  background:#218CCF;
  color:#fff;
  text-decoration:none;
  padding:10px 18px;
  border-radius:999px;
  font-weight:600;
  transition:all .25s ease;
  white-space:nowrap;
}
.btn-download:hover {
  background:#0A68A0;
  box-shadow:0 6px 16px rgba(33,140,207,.25);
  transform:translateY(-1px);
}
.btn-download + .btn-download { margin-left:10px; }
@media (max-width:680px){
  .schedule-header { flex-direction:column; align-items:flex-start; }
  .btn-download + .btn-download { margin-left:0; margin-top:8px; }
}

/* --- Alternating layout --- */
.alt-row {
  display:grid;
  align-items:center;
  gap:40px;
  grid-template-columns:1fr;
}
@media(min-width:992px){
  .alt-row { grid-template-columns:1fr 1fr; }
  .alt-row.alt-reverse .alt-media { order:2; }
  .alt-row.alt-reverse .alt-body  { order:1; }
}

.alt-title { font-weight:800; color:#0A4E73; font-size:1.8rem; margin-bottom:10px; }
.alt-sub   { color:#4b5563; margin-bottom:16px; max-width:720px; }

.alt-body ul { list-style:none; margin:0; padding:0; }
.alt-body li {
  position:relative;
  padding-left:26px;
  margin-bottom:12px;
  line-height:1.6;
}
.alt-body li::before {
  content:"";
  position:absolute;
  left:0; top:.55em;
  width:10px; height:10px;
  border-radius:50%;
  background:#69B8E3;
  box-shadow:0 0 0 3px rgba(105,184,227,.25);
}

/* --- Image Card --- */
.alt-media {
  display:flex;
  justify-content:center;
  align-items:center;
}
.card.soft.why-img {
  border:4px solid #fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
  max-width:90%;
  background:#fff;
  transition:transform .3s ease, box-shadow .3s ease;
}
.card.soft.why-img:hover {
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(0,0,0,.15);
}
@media(max-width:991.98px){ .card.soft.why-img{ max-width:100%; } }

/* --- Aspect ratio using native CSS (no ::before) --- */
.ratio {
  width:100%;
  aspect-ratio:16/9;
  border-radius:12px;
  overflow:hidden;
  background:#eaf6fc;
}

/* Ensure image fills properly */
.ratio img,
.ratio picture,
.ratio picture img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:12px;
}

/* Safety override: force visible */
.auction-module img {
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
.schedule-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-bottom: 1px solid #e6eef4;
  padding-bottom: 1rem;
}

.schedule-header h2 {
  font-weight: 800;
  color: var(--brand-dark, #0A4E73);
}

.schedule-header p {
  color: #64748b;
  margin: .3rem 0 0;
}

.download-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
}

.btn-download {
  background: var(--grad-brand, linear-gradient(135deg,#0A4E73,#218CCF,#12D8E0));
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 8px 20px rgba(33,140,207,.2);
}

.btn-download:hover {
  transform: translateY(-1px);
  box-shadow: var(--glow-electric, 0 0 0 1px rgba(18,216,224,.18), 0 18px 40px rgba(18,216,224,.16));
}

.btn-download svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}