/* buyers1030: For buyers redesign */
.b30h{margin:56px 0 0;text-align:center}.b30h h3{margin:8px 0 0;font-size:clamp(22px,3vw,30px)}
.b30g{margin-top:24px}
.b30 .bb{position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}
.b30 .b30g .bb:hover{transform:translateY(-3px);border-color:#ff2d4655;box-shadow:0 16px 40px #0007}
.b30n{position:absolute;top:16px;right:18px;font:800 13px/1 inherit;color:#ff8f9c;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #ff2d4655;background:#ff2d4612}
.b30l{display:inline-block;margin-top:12px;font-weight:700;font-size:13.5px;color:#ff8f9c;text-decoration:none}.b30l:hover{color:#fff}
.b30f{display:flex;align-items:center;gap:18px;margin-top:16px;padding:22px 24px}.b30f .bi{flex:none;margin:0}.b30f>div:nth-child(2){flex:1}.b30f .btn{flex:none}
@media(max-width:700px){.b30f{flex-direction:column;align-items:flex-start}}
.bx-feed{gap:8px}.bx-feed .bx-deal{padding:10px 12px;display:flex;align-items:center;gap:10px}.bx-feed .bx-deal b{font-size:14px}.bx-feed .bx-deal em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#bbf7d0;background:#14532d;padding:4px 8px;border-radius:999px}
.bx-feed .d1{animation-delay:.3s}.bx-feed .d2{animation-delay:1s}.bx-feed .d3{animation-delay:1.7s}.bx-feed .d4{animation-delay:2.4s;border-color:#f5b94299}
.bx-th{width:40px;height:40px;border-radius:10px;flex:none;background:linear-gradient(135deg,#3b5f2a,#1d3318)}
.bx-ask{position:absolute;left:50%;top:auto;bottom:58px;transform:translateX(-50%);white-space:nowrap;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(180deg,#a78bfa,#7c3aed);padding:8px 14px;border-radius:999px;opacity:0;animation:bxpop .6s cubic-bezier(.2,1.5,.4,1) 4.4s forwards;--tx:-50%}
.bx-w.k i{background:#f5b942;color:#1a1204;box-shadow:0 0 0 5px #f5b94233}
.bx-cc{position:absolute;left:8%;right:8%;bottom:12px;padding:12px;border-radius:14px;background:#0b0f18f2;border:1px solid #f5b94266;opacity:0;transform:translateY(14px);animation:bxin .6s cubic-bezier(.2,1.3,.4,1) 3.2s forwards}
.bx-cc b{display:block;font-size:14px}.bx-cc small{color:#94a3b8;font-size:12px}.bx-cc .bx-tags{margin:8px 0 0}
.b30 .bben.b30g{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}
.b30 .b30g>.bb{grid-column:auto!important;width:auto!important;max-width:none!important;margin:0!important}
@media(min-width:701px) and (max-width:1100px){.b30 .bben.b30g{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.b30 .bben.b30g{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:700px){.b30 .bx-look{left:6%;right:6%;transform:none;text-align:center;white-space:normal}}

/* howbuy1031: How it works > Land buyers tab plays the same 6 buyer scenes as #bux */
.h3bx{position:absolute;inset:0;margin:0;max-width:none;width:auto}
.h3bx[hidden]{display:none}
.h3bx .wx-stage{position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:transparent}
.h3w.paused .h3bx .wx-sc *{animation-play-state:paused!important}
@media(max-width:700px){.h3w[data-role=b] .h3-stage{aspect-ratio:1/1}.h3bx .bx-look{left:6%;right:6%;transform:none;text-align:center;white-space:normal}}
