/* An advertiser's picture under the price card of a property, roommate or master ad (App\Front\Parts\AdBanner,
   frontend/src/components/listing/AdBanner.tsx): a card of the price card's kind - its rounding, its line, a lighter
   shadow - lifted a little on hover, "Reklam" on a frosted chip in its corner. Only on a live ad's page. ASCII only. */
.lx-banner{position:relative;display:block;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 18px 44px -28px rgba(27,25,22,.35);transition:transform .2s ease,box-shadow .2s ease}
.lx-banner img{display:block;width:100%;height:auto;aspect-ratio:1000/333;transition:transform .4s ease}
/* the lift only under a mouse on the wide page: on a phone a tap left the banner raised */
@media (hover:hover) and (pointer:fine) and (min-width:1025px){.lx-banner:hover{transform:translateY(-2px);box-shadow:0 24px 52px -26px rgba(27,25,22,.45)}.lx-banner:hover img{transform:scale(1.02)}}
.lx-banner:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lx-banner-tag{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#55524c;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:16px;text-transform:uppercase}
:root[data-theme="dark"] .lx-banner{box-shadow:none}
/* the same banner over "Tesvir" on a phone, where the price card (and the side with it) is hidden */
.lx-banner-mob{display:none}
@media (max-width:1024px){.lx-banner-mob{display:block}.lx-banner-mob .lx-banner{margin-top:16px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){.lx-banner,.lx-banner img{transition:none}.lx-banner:hover,.lx-banner:hover img{transform:none}}