/* ==========================================================================
   AD UNITS — self-contained dark theme, scoped under .la-ad so these
   third-party-style placements never inherit the site's marketplace tokens
   (this is intentional: real ad creative looks visually distinct from
   site content, the same way it does on any real website).
   ========================================================================== */
.la-ad{
  --ad-bg:#14171d; --ad-panel:#1b1f26; --ad-line:#2a2f38; --ad-text:#eef1f5; --ad-dim:#9aa3b0;
  font-family:'Inter',sans-serif;
  background:var(--ad-bg); border-radius:8px; overflow:hidden; position:relative;
  isolation:isolate;
}
.la-ad-label{
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  color:var(--warm-gray); text-align:center; margin-bottom:10px;
}

/* Leaderboard: photo-left row, used on the homepage */
.la-ad-leaderboard{ width:100%; max-width:728px; height:110px; margin:0 auto; display:flex; }
.la-ad-leaderboard .la-ad-img{ width:170px; height:100%; object-fit:cover; flex:none; }
.la-ad-leaderboard .la-ad-body{ flex:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 22px; min-width:0; }
.la-ad-leaderboard .la-ad-copy strong{ display:block; color:var(--ad-text); font-size:1.02rem; font-weight:700; margin-bottom:4px; }
.la-ad-leaderboard .la-ad-copy span{ color:var(--ad-dim); font-size:.86rem; }
.la-ad-leaderboard .la-ad-cta{
  flex:none; font-family:var(--font-mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.04em;
  font-weight:700; padding:10px 18px; border-radius:6px; white-space:nowrap;
}

/* Rectangle: full-bleed photo with bottom copy, used in the shop grid */
.la-ad-rect{ aspect-ratio:4/5; position:relative; display:flex; flex-direction:column; justify-content:flex-end; border-radius:8px; }
.la-ad-rect .la-ad-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.la-ad-rect::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg, rgba(10,12,16,.9) 0%, rgba(10,12,16,.3) 55%, rgba(10,12,16,.02) 100%); }
.la-ad-rect .la-ad-body{ position:relative; z-index:2; padding:16px; }
.la-ad-rect .la-ad-copy strong{ display:block; color:var(--ad-text); font-size:1rem; font-weight:700; margin-bottom:4px; }
.la-ad-rect .la-ad-copy span{ color:var(--ad-dim); font-size:.82rem; line-height:1.4; display:block; margin-bottom:12px; }
.la-ad-rect .la-ad-cta{
  display:inline-block; font-family:var(--font-mono); font-size:.7rem; text-transform:uppercase; letter-spacing:.04em;
  font-weight:700; padding:8px 16px; border-radius:6px;
}

@media (max-width:700px){
  .la-ad-leaderboard{ height:auto; flex-direction:column; }
  .la-ad-leaderboard .la-ad-img{ width:100%; height:120px; }
  .la-ad-leaderboard .la-ad-body{ padding:14px 16px; flex-direction:column; align-items:flex-start; gap:12px; }
}