*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:15px;line-height:1.65;scroll-behavior:smooth}
body{background-color:#FFFAF3;color:#4A3828;font-family:'Commissioner',sans-serif;font-weight:400;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}

.top-bar{position:sticky;top:0;z-index:100;background:#2C1E10;border-bottom:2px solid #C4A67A;padding:0 24px}
.top-bar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:24px;height:56px}
.logo{font-family:'Commissioner',sans-serif;font-weight:800;font-size:1.2rem;color:#F5EDE0;letter-spacing:0.02em}
.nav-links{display:flex;gap:16px}
.nav-links a{font-weight:400;font-size:0.8rem;color:#E8D5B8;text-decoration:none;text-transform:uppercase;letter-spacing:0.06em;transition:color 200ms}
.nav-links a:hover{color:#C4A67A}
.bid-ticker{margin-left:auto;overflow:hidden;white-space:nowrap;font-family:'Commissioner',sans-serif;font-weight:300;font-size:0.75rem;color:#8B7355}
.ticker-label{font-weight:700;color:#C4A67A;margin-right:8px}

.dashboard{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 320px;gap:24px}
@media(max-width:1024px){.dashboard{grid-template-columns:1fr}.sidebar{order:-1}}

.hero-lot{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;padding:24px;background:#F5EDE0;border:1px solid #E8D5B8;border-radius:4px;opacity:0;transform:translateY(40px);transition:opacity 500ms ease-out,transform 500ms ease-out}
.hero-lot.visible{opacity:1;transform:translateY(0)}

.ornamental-frame{position:relative;padding:12px;border:2px solid #C4A67A;outline:1px solid #8B7355;outline-offset:4px;border-radius:2px}
.frame-corner{position:absolute;width:20px;height:20px;border-color:#C4A67A;border-style:solid}
.frame-tl{top:-4px;left:-4px;border-width:3px 0 0 3px;border-radius:2px 0 0 0}
.frame-tr{top:-4px;right:-4px;border-width:3px 3px 0 0;border-radius:0 2px 0 0}
.frame-bl{bottom:-4px;left:-4px;border-width:0 0 3px 3px;border-radius:0 0 0 2px}
.frame-br{bottom:-4px;right:-4px;border-width:0 3px 3px 0;border-radius:0 0 2px 0}

.lot-image-placeholder{background:#E8D5B8;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8B7355;font-size:0.85rem}

.lot-details{display:flex;flex-direction:column;justify-content:center;gap:12px}
.lot-number{font-family:'Commissioner',sans-serif;font-weight:700;font-size:0.75rem;color:#7A3B15;text-transform:uppercase;letter-spacing:0.1em}
.lot-title{font-weight:700;font-size:1.6rem;line-height:1.25;color:#2C1E10}
.lot-description{color:#4A3828;font-size:0.9rem}
.bid-info{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.current-bid{font-family:'Commissioner',sans-serif;font-weight:800;font-size:1.8rem;color:#7A3B15}
.bid-count,.time-left{font-size:0.8rem;color:#8B7355}

.lot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.lot-card{background:#F5EDE0;border:1px solid #E8D5B8;border-radius:4px;padding:16px;opacity:0;transform:translateY(20px);transition:opacity 400ms ease-out,transform 400ms ease-out,box-shadow 200ms}
.lot-card.visible{opacity:1;transform:translateY(0)}
.lot-card:hover{box-shadow:0 4px 16px rgba(58,42,26,0.12)}

.card-frame{margin-bottom:12px;border:1px solid #C4A67A;border-radius:2px;overflow:hidden}
.card-image-placeholder{background:#E8D5B8;height:120px;display:flex;align-items:center;justify-content:center}
.card-lot-num{font-weight:700;font-size:0.7rem;color:#7A3B15;text-transform:uppercase;letter-spacing:0.08em;display:block;margin-bottom:4px}
.card-title{font-weight:700;font-size:0.95rem;color:#2C1E10;margin-bottom:8px;line-height:1.3}
.card-bid{display:flex;justify-content:space-between;align-items:baseline}
.card-price{font-weight:800;font-size:1.1rem;color:#7A3B15}
.card-bids{font-size:0.75rem;color:#8B7355}

.sidebar{display:flex;flex-direction:column;gap:16px}
.sidebar-panel{background:#F5EDE0;border:1px solid #E8D5B8;border-radius:4px;padding:16px}
.panel-title{font-weight:700;font-size:0.85rem;color:#2C1E10;text-transform:uppercase;letter-spacing:0.06em;border-bottom:1px solid #E8D5B8;padding-bottom:8px;margin-bottom:12px}

.stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dotted #E8D5B8}
.stat-label{font-size:0.8rem;color:#8B7355}
.stat-value{font-weight:700;font-size:0.85rem;color:#3A2A1A}

.activity-list{list-style:none}
.activity-item{font-size:0.8rem;padding:6px 0;border-bottom:1px dotted #E8D5B8;color:#4A3828}
.activity-lot{font-weight:700;color:#7A3B15;margin-right:6px}

.category-tag{display:inline-block;padding:4px 12px;margin:3px;border:1px solid #C4A67A;border-radius:20px;font-size:0.75rem;color:#3A2A1A;font-weight:400;cursor:pointer;transition:background 200ms,color 200ms}
.category-tag:hover{background:#C4A67A;color:#FFFAF3}

.site-footer{max-width:1400px;margin:32px auto 0;padding:24px;text-align:center;border-top:1px solid #E8D5B8;font-size:0.8rem;color:#8B7355}

@media(max-width:768px){
    .hero-lot{grid-template-columns:1fr}
    .top-bar-inner{flex-wrap:wrap;height:auto;padding:12px 0}
    .bid-ticker{margin-left:0;width:100%}
}