.promoted-stories {
  margin: 2px 0 15px;
  padding: 13px 0 11px;
  border-bottom: 1px solid #ffffff14;
}

.promoted-story-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0 2px 9px;
  color: #fff;
}

.promoted-story-head small {
  color: #ff6972;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 1.4px;
}

.promoted-story-head h2 {
  margin: 1px 0 0;
  font-size: 17px;
}

.promoted-story-head > span {
  color: #9da9bb;
  font-size: 10px;
}

.promoted-story-row {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 1px 2px 5px;
  scrollbar-width: none;
}

.promoted-story-row::-webkit-scrollbar { display: none; }

.promoted-story {
  flex: 0 0 76px;
  display: grid;
  justify-items: center;
  gap: 6px;
  border: 0;
  padding: 0;
  background: transparent;
  color: #eef2f8;
  font: inherit;
  cursor: pointer;
}

.promoted-story > span {
  width: 70px;
  height: 70px;
  padding: 3px;
  border-radius: 50%;
  background: conic-gradient(#ff3444, #ff9b55, #ffd166, #ef3340);
  box-shadow: 0 8px 24px #0006, 0 0 0 2px #ffffff12;
}

.promoted-story img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 3px solid #0b1422;
  border-radius: 50%;
}

.promoted-story b {
  width: 76px;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card { position: relative; }

.favorite-btn {
  position: absolute;
  z-index: 4;
  top: 9px;
  right: 9px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #ffffffb5;
  border-radius: 50%;
  background: #fffef2;
  color: #273246;
  font-size: 23px;
  line-height: 1;
  box-shadow: 0 6px 18px #0004;
  cursor: pointer;
}

.favorite-btn.saved {
  color: #ef3340;
  background: #fff;
}

.detail-favorite-btn {
  margin: 0 0 13px;
  border: 1px solid #ffffff25;
  border-radius: 12px;
  padding: 9px 12px;
  background: #ffffff10;
  color: #d5dce8;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.detail-favorite-btn.saved {
  border-color: #ef596360;
  background: #ef334018;
  color: #ff6972;
}

#favorites > .title span { color: #aeb8c8; }

@media (max-width: 380px) {
  nav button { width: 78px; }
}

.promoted-category-card {
  border: 1px solid #d7ad55;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #8b6222, #ffe6a0, #b67b22, #fff1b8) border-box;
  box-shadow: 0 0 0 2px #f2d58a38, 0 15px 38px #0005, inset 0 0 22px #f6d67a16;
}

.promoted-category-card::after {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 2;
  border: 1px solid #e7c66b70;
  border-radius: 15px;
  pointer-events: none;
}

.luxury-promo-label {
  position: absolute;
  z-index: 5;
  top: 10px;
  left: 9px;
  padding: 6px 8px;
  border: 1px solid #ffe8a280;
  border-radius: 9px;
  background: linear-gradient(135deg, #17130bdf, #6e4d19e8);
  color: #ffe9a7;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 1px;
  box-shadow: 0 6px 18px #0007;
  backdrop-filter: blur(8px);
}

.promoted-category-card .favorite-btn { top: 9px; right: 9px; }

/* Ricardo-inspired browsing rows and mobile controls */
.header-brand{width:100%;display:flex;align-items:center;justify-content:space-between;max-height:48px;overflow:hidden}
/* Move the header visually; never change the page height while scrolling. */
.app header{transition:transform .22s ease}
.app header.header-collapsed{transform:translateY(calc(-1 * var(--brand-offset,56px)))}
.app header:focus-within{transform:none}
.market-row{margin:25px -16px 4px;padding:0 0 4px}
.market-row-title{display:flex;align-items:end;justify-content:space-between;padding:0 16px 10px;color:#fff}
.market-row-title small{display:block;color:#ff727a;font-size:11px;font-weight:900;letter-spacing:1.3px}
.market-row-title h2{margin:2px 0 0;font-size:21px;letter-spacing:-.4px}
.market-row-title>span{max-width:120px;color:#9eabba;font-size:11px;text-align:right}
.listing-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 16px 15px;scrollbar-width:none}
.listing-rail::-webkit-scrollbar{display:none}
.listing-rail .card{flex:0 0 min(70vw,240px);scroll-snap-align:start;box-shadow:0 14px 35px #0004}
.listing-rail .card img,.listing-rail .placeholder{height:174px}
.search-results{margin-top:24px}
.price-editor{margin:14px 0;padding:14px;background:#fff;color:#182033;border:1px solid #dbe0e7;border-radius:16px}
.price-editor summary{cursor:pointer;font-size:16px;font-weight:800;min-height:30px}
.price-editor form{display:grid;gap:12px;padding-top:12px}
.price-editor label{display:grid;gap:6px;font-size:14px;font-weight:700}
.price-editor input,.price-editor textarea,.price-editor select{min-width:0;width:100%;padding:12px;border:1px solid #cbd3df;border-radius:12px;font:inherit;font-size:16px;background:#fff;color:#182033}
.price-editor textarea{min-height:110px;resize:vertical}
.later-photo{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px;border:1px dashed #b6c0d0;border-radius:12px;color:#24344c!important;cursor:pointer}.later-photo input{max-width:160px;padding:6px!important;font-size:12px!important}
.owner-listing-images figure{margin:0;display:inline-block;vertical-align:top}.owner-listing-images figcaption{max-width:130px;color:#9cabc1;font-size:11px;line-height:1.25;margin-top:4px}
.price-editor p{margin:0;font-size:14px;color:#546074}
.price-editor .price-edit-status{color:#a52632}
.renewal-note{font-size:14px;color:#9cabc1}
#searchCategories>.title,#searchResultsSection>.title{color:#fff}
.app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}
/* A body-level sibling avoids the app's backdrop-filter fixed-position trap. */
#bottomNav{position:fixed;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(490px,calc(100% - 20px));height:70px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #ffffff1c;border-radius:22px;padding:5px 7px;background:#09111ef5;box-shadow:0 18px 55px #000b,0 0 0 1px #0004;z-index:45}
#app.hidden ~ #bottomNav{display:none}
#bottomNav button{min-width:0;width:100%;height:58px;border-radius:17px;font-size:12px;font-weight:800;color:#aeb9cb;cursor:pointer;transition:background .18s,color .18s}
#bottomNav button b{display:block;font-size:22px;line-height:26px}
#bottomNav button b svg{vertical-align:middle}
#bottomNav button.active{color:#ff5963;background:#ffffff0c}
#bottomNav button:focus-visible{outline:2px solid #ff8990;outline-offset:1px}
#bottomNav .nav-sell{color:#fff;transform:translateY(-10px)}
#bottomNav .nav-sell b{width:50px;height:50px;margin:-10px auto 0;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff5360,#d91f31);box-shadow:0 10px 24px #ef334066;border:2px solid #ff8990;font-size:31px;line-height:1}
.android-app #bottomNav{bottom:max(32px,env(safe-area-inset-bottom))}
.android-app .app{padding-bottom:calc(110px + max(32px,env(safe-area-inset-bottom)))}
@media(prefers-reduced-motion:reduce){.app header{transition:none}.listing-rail{scroll-behavior:auto}}

/* Premium auction application finish */
:root{--ink:#eaf0fb;--muted:#9aa9c0;--bg:#07101d;--card:#111d2e;--line:#ffffff16;--red:#ff4e5b;--gold:#f2c36a;--green:#28c18d}body{background:radial-gradient(900px 480px at 50% -180px,#203b5b 0,#091321 45%,#06101b 100%);color:var(--ink);font-family:Manrope,Inter,system-ui,sans-serif;letter-spacing:-.1px}.app{position:relative;isolation:isolate}.app:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(500px 320px at 88% 20%,#e84a5414,transparent 70%),radial-gradient(520px 320px at 8% 68%,#4678b51a,transparent 70%)}
.app header{background:linear-gradient(180deg,#091422f5,#091422ce 76%,#09142200);border:0;padding-top:max(14px,env(safe-area-inset-top));backdrop-filter:blur(18px) saturate(1.35)}.logo{letter-spacing:-1.7px;color:#fff;text-shadow:0 4px 19px #0008}.icon{background:#ffffff10;color:#d8e3f2;border:1px solid #ffffff18;box-shadow:0 9px 20px #0004}.search input{background:#ffffff0d;border-color:#ffffff18;color:#fff;box-shadow:inset 0 1px 0 #ffffff0c,0 10px 28px #0003}.search input::placeholder{color:#9ba9bd}.search-row{gap:8px}.search-row #filterToggle{border:1px solid #ffffff22;background:linear-gradient(145deg,#ffffff17,#ffffff09);color:#eef4ff;border-radius:15px;font-weight:850;box-shadow:0 8px 24px #0003}
.screen{animation:screenIn .38s cubic-bezier(.2,.75,.25,1)}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero,.live-hero{border:1px solid #ffffff19;box-shadow:0 25px 60px #0008, inset 0 1px #ffffff16}.live-hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,#06101bab,transparent);pointer-events:none}.hero-content{padding-bottom:5px}.live-hero h1{font-size:30px;letter-spacing:-1.35px}.hero-dots{padding:6px 8px;border:1px solid #ffffff15;border-radius:999px;background:#09101da6;backdrop-filter:blur(10px)}
.market-row-title h2,.title h1,.title h2{color:#f7fbff;letter-spacing:-.75px}.market-row-title small,.promoted-story-head small{color:#f4c56b}.market-row-title>span{color:#a8b6c9}.card{background:linear-gradient(154deg,#162538,#0e1929);border-color:#ffffff17;border-radius:22px;box-shadow:0 16px 36px #0006, inset 0 1px 0 #ffffff0b;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card:active{transform:scale(.975)}@media(hover:hover){.card:hover{transform:translateY(-4px);border-color:#ffffff35;box-shadow:0 24px 45px #0009}}.card-body{padding:13px 13px 14px}.card h3{color:#f7fbff;font-size:14px;line-height:1.35}.card .price{color:#fff;font-size:19px;letter-spacing:-.55px}.meta,.location-line{color:#9eafc5}.card img,.placeholder{filter:saturate(1.08) contrast(1.02)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff10,transparent 35%);mix-blend-mode:screen}
.favorite-btn{background:#08131fe0;color:#e7effb;border-color:#ffffff2e;backdrop-filter:blur(9px);box-shadow:0 8px 22px #0008;transition:transform .2s,background .2s}.favorite-btn:active{transform:scale(.84)}.favorite-btn.saved{color:#ff6270;background:#fff1f2}.promoted-category-card{background:linear-gradient(154deg,#262033,#171827) padding-box,linear-gradient(135deg,#6f501e,#ffe5a0,#b57920,#fff0b7) border-box;box-shadow:0 20px 42px #0008,inset 0 0 25px #f6d67a10}.luxury-promo-label{letter-spacing:1.15px}
.ending-soon{border:1px solid #ffffff18;background:linear-gradient(145deg,#17233b,#0c1424 72%);box-shadow:0 22px 48px #0007}.story-ring,.promoted-story>span{box-shadow:0 0 0 1px #ffffff22,0 10px 25px #0008}.promoted-story>span{background:conic-gradient(#f4cf76,#ff5966,#f4cf76,#6cbeff,#f4cf76)}
.bidbox,.bid-row,.listing-facts span,.menu,.menu button,.transaction-card,.identity-card,.mod-card{background:linear-gradient(145deg,#142236,#0e1929);border-color:#ffffff16;color:#edf3fc;box-shadow:inset 0 1px #ffffff0b}.bidbox{box-shadow:0 20px 45px #0007,inset 0 1px #ffffff0b}.listing-facts span{color:#b9c8db}.auction-clock b{color:#f7ca70}.btn{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn:active{transform:translateY(2px) scale(.985)}.primary{background:linear-gradient(135deg,#ff5966,#dc263c);box-shadow:0 12px 26px #ef334059,inset 0 1px #ffffff4d}.soft{background:#ffffff12;color:#edf4ff;border:1px solid #ffffff1a}.promote{background:linear-gradient(135deg,#5f471d,#bc852c,#6c4a18);border:1px solid #ffe7a559;color:#fff7df;box-shadow:0 14px 28px #0007}.instant-bid{margin-top:13px;border-radius:15px;background:#ffffff0c;padding:11px}.instant-bid strong{color:#f7ca70}
.price-editor{background:linear-gradient(145deg,#142236,#0d1726);color:#edf4ff;border-color:#ffffff1d;box-shadow:0 15px 34px #0006}.price-editor input,.price-editor textarea,.price-editor select{background:#07111e;color:#edf4ff;border-color:#ffffff1e}.price-editor p{color:#aab9cc}.later-photo{color:#e6effb!important;border-color:#ffffff30!important;background:#ffffff08}.owner-listing{background:linear-gradient(145deg,#142236,#0d1828)!important;border-color:#ffffff1b!important;box-shadow:0 17px 38px #0006}.owner-listing p{color:#b8c6d8}.renewal-note{color:#f5c96c}
#bottomNav{background:linear-gradient(145deg,#101b2dd9,#070e1af2);border-color:#ffffff1d;box-shadow:0 20px 58px #000c, inset 0 1px #ffffff16;backdrop-filter:blur(20px) saturate(1.5)}#bottomNav button{color:#9fafc5}#bottomNav button.active{color:#fff;background:linear-gradient(145deg,#ffffff16,#ffffff08)}#bottomNav .nav-sell b{background:linear-gradient(145deg,#ff6671,#cf1e34);box-shadow:0 12px 28px #ef334078, inset 0 1px #ffffff52}
.toast{background:#0c1728f2;border:1px solid #ffffff22;box-shadow:0 16px 42px #000b;backdrop-filter:blur(16px)}.filter-sheet{background:linear-gradient(145deg,#101d30,#0a1321)!important;color:#edf4ff!important;border-color:#ffffff1c!important;box-shadow:0 25px 75px #000c!important}.filter-field select,.filter-field input{background:#07111e!important;color:#eef5ff!important;border-color:#ffffff22!important}.filter-field label,.filter-head small{color:#b5c4d7!important}
@media(prefers-reduced-motion:no-preference){.live-hero{animation:heroFloat 6s ease-in-out infinite}.promoted-story{animation:storyReveal .5s both}.promoted-story:nth-child(2){animation-delay:.06s}.promoted-story:nth-child(3){animation-delay:.12s}.promoted-story:nth-child(4){animation-delay:.18s}.promoted-story:nth-child(5){animation-delay:.24s}@keyframes heroFloat{50%{transform:translateY(-2px)}}@keyframes storyReveal{from{opacity:0;transform:translateY(9px) scale(.94)}to{opacity:1;transform:none}}}