.lst-gallery{position:relative;height:340px;background:#0b1c12}.lst-gallery img{width:100%;height:100%;object-fit:cover}.lst-gallery__back{position:absolute;top:12px;left:12px;z-index:2;background:rgba(0,0,0,.55);padding:8px 10px;border-radius:10px;font-weight:800}.lst-gallery__count{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.7);padding:6px 9px;border-radius:8px;font-size:12px}.lst-card{margin:-14px 10px 18px;position:relative;background:#fff6df;color:#1a211d;border-radius:20px;padding:16px;box-shadow:var(--app-shadow);border:1px solid #dfd0aa}.lst-title{display:flex;justify-content:space-between;gap:12px}.lst-title h1{margin:0;font-size:27px;line-height:1}.lst-title em{display:block;margin-top:4px;color:#707770;font-size:13px}.lst-title strong{font-size:26px;color:#14612d;white-space:nowrap}.lst-badges{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.lst-badges span{padding:7px 9px;border-radius:9px;background:#d5efb7;font-weight:800;font-size:11px}.lst-badges span+span{background:#bcdcff;color:#175a9e}.lst-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #ddd3bd;border-bottom:1px solid #ddd3bd;padding:12px 0}.lst-grid div{display:grid;gap:3px}.lst-grid small{color:#6a716b;font-size:10px}.lst-grid b{font-size:12px}.lst-section{padding-top:14px}.lst-section h2{display:inline-block;margin:0 0 7px;padding:6px 10px;border-radius:8px;background:linear-gradient(#5a3516,#2b190b);color:#fff;font-size:16px}.lst-section p{font-size:13px;line-height:1.45;margin:0}.lst-seller{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:9px}.lst-seller__avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1e5b2c;font-size:24px}.lst-seller div:nth-child(2){display:grid}.lst-seller span{color:#d88b00;font-size:11px}.lst-seller small{font-size:10px;color:#6a716b}.lst-seller button{border:1px solid #b7ad95;background:#fffaf0;padding:8px 9px;border-radius:8px;font-weight:800;font-size:10px}.lst-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.lst-actions a,.lst-actions button{border:0;border-radius:11px;padding:13px 8px;font-weight:900;text-align:center}.lst-actions a{background:linear-gradient(#ffc83c,#ff9a06);color:#17130b}.lst-actions button{background:linear-gradient(#55ad2d,#217c29);color:#fff}


/* Bottom navigation on listing page */
.lst-nav-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

.lst-nav-bottom__back,
.lst-nav-bottom__home {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400 !important;
    text-decoration: none;
    box-sizing: border-box;
}

.lst-nav-bottom__back {
    border: 1px solid rgba(255, 166, 32, .75);
    background: rgba(255, 177, 58, .18);
    color: #7a4a08;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.lst-nav-bottom__home {
    border: 1px solid rgba(63, 143, 65, .8);
    background: linear-gradient(180deg, #6abf4a, #3f8f41);
    color: #fff;
}

.lst-nav-bottom__back:active,
.lst-nav-bottom__home:active {
    transform: translateY(1px);
}

/* Keep Back + Home visible above the permanent bottom navigation */
.lst-nav-bottom {
    position: fixed !important;
    left: 50% !important;
    bottom: 78px !important;
    transform: translateX(-50%) !important;
    z-index: 40 !important;

    width: calc(100% - 24px) !important;
    max-width: 496px !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 8px !important;

    background: rgba(255, 248, 230, .72) !important;
    border: 1px solid rgba(227, 205, 157, .65) !important;
    border-radius: 16px !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    box-shadow: 0 6px 20px rgba(0, 0, 0, .16) !important;
}

/* Make room so listing content is never hidden behind the fixed buttons */
.lst-card {
    padding-bottom: 88px !important;
}

.lst-nav-bottom__back,
.lst-nav-bottom__home {
    font-weight: 400 !important;
}


/* Clean listing gallery image: no back overlay, no photo count */
.lst-gallery__back,
.lst-gallery__count {
    display: none !important;
}

/* Listing upload age */
.lst-gallery__age {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(13,28,18,.58);
    color: rgba(255,255,255,.94);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1;
    pointer-events: none;
}


/* ==========================================================
   Listing detail cleanup v1
   Cleaner hierarchy, fewer pills/buttons, normal weights
   ========================================================== */

/* Title area */
.lst-title {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
}

.lst-title h1 {
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
}

.lst-title em {
    margin-top: 4px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    opacity: .65 !important;
}

.lst-title strong {
    font-size: 25px !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
}

/* Badges: subtle, small, not heavy pills */
.lst-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 10px 0 11px !important;
}

.lst-badges span {
    padding: 4px 7px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    border: 1px solid rgba(45,95,48,.14) !important;
    box-shadow: none !important;
}

/* Facts: flatter and easier to scan */
.lst-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 18px !important;
    padding: 13px 0 !important;
    border-top: 1px solid rgba(96,80,46,.16) !important;
    border-bottom: 1px solid rgba(96,80,46,.16) !important;
}

.lst-grid div {
    display: grid !important;
    gap: 2px !important;
}

.lst-grid small {
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    opacity: .62 !important;
}

.lst-grid b {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* Section titles: remove the dark brown pill look */
.lst-section {
    padding-top: 16px !important;
}

.lst-section h2 {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #243229 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.lst-section p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
}

/* Seller block: compact identity row, no extra button */
.lst-seller {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px 0 0 !important;
}

.lst-seller__avatar {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
}

.lst-seller div:nth-child(2) {
    display: grid !important;
    gap: 2px !important;
}

.lst-seller b,
.lst-seller span,
.lst-seller small {
    font-weight: 400 !important;
}

.lst-seller b {
    font-size: 13px !important;
    line-height: 1.1 !important;
}

.lst-seller span {
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.lst-seller small {
    font-size: 9px !important;
    line-height: 1.1 !important;
    opacity: .68 !important;
}

.lst-seller button {
    display: none !important;
}

/* Actions: one clear primary action + quieter secondary */
.lst-actions {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

.lst-actions a,
.lst-actions button {
    min-height: 43px !important;
    padding: 10px 14px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.lst-actions a {
    background: linear-gradient(180deg,#ffbd2e,#ff9f0a) !important;
    color: #281b06 !important;
}

.lst-actions button {
    min-width: 98px !important;
    border: 1px solid rgba(58,128,58,.42) !important;
    background: rgba(65,153,63,.08) !important;
    color: #2d7433 !important;
}

/* Keep bottom Back/Home as the persistent navigation */
.lst-nav-bottom__back,
.lst-nav-bottom__home {
    font-weight: 400 !important;
}

/* No heavy typography in detail card */
.lst-card b,
.lst-card strong,
.lst-card button,
.lst-card a {
    font-weight: 400 !important;
}


/* ==========================================================
   Listing detail actions cleanup v2
   ========================================================== */

.lst-gallery__favorite {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 4 !important;
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 50% !important;
    background: rgba(13,28,18,.56) !important;
    color: #fff !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.16) !important;
    cursor: pointer !important;
}

.lst-gallery__favorite.is-saved {
    background: rgba(243,176,36,.90) !important;
    color: #3c2905 !important;
    border-color: rgba(255,218,125,.85) !important;
}

.lst-seller-message-wrap {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 10px !important;
}

.lst-seller-message {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    width: auto !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(224,142,15,.45) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg,#ffbd2e,#ff9f0a) !important;
    color: #2c1d05 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.lst-actions {
    display: none !important;
}

/* Message Seller alignment cleanup */
.lst-seller-message-wrap {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

    margin-top: -43px !important;
    margin-bottom: 8px !important;
    padding-right: 0 !important;

    pointer-events: none;
}

.lst-seller-message {
    min-height: 34px !important;
    padding: 7px 12px !important;

    border-radius: 8px !important;
    border: 1px solid rgba(218, 137, 18, .34) !important;

    background: linear-gradient(180deg, #ffbd38, #ffa20d) !important;
    color: #2b1d05 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    pointer-events: auto;
}

/* Seller detail text size adjustment */
.lst-seller span {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
}

.lst-seller small {
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    opacity: .78 !important;
}

/* Seller text consistency */
.lst-seller span,
.lst-seller small {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
}

.lst-seller small {
    opacity: .78 !important;
}