*{box-sizing:border-box}body{margin:0;background:#faf7f0;color:#292d22;font:16px/1.5 system-ui,sans-serif}header,main,footer{padding:1.2rem max(5vw,calc((100vw - 1120px)/2))}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbd5c7;background:white}header img{height:52px}nav{display:flex;gap:1.2rem}a{color:#245338}main{padding-top:2rem;padding-bottom:4rem}section{margin:1.75rem 0}.hero{display:grid;grid-template-columns:1fr 1fr;background:#183e2b;color:#fff8e6;overflow:hidden;border-radius:12px}.hero div{padding:clamp(1.4rem,4vw,4rem)}.hero img{width:100%;height:100%;max-height:370px;object-fit:cover}.hero a{color:#f3d69c}small{font-weight:650;letter-spacing:.1em}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.1}h1{font-size:clamp(2.6rem,6vw,4.3rem);margin:.6rem 0}h2{font-size:2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.cards article,form{padding:1.3rem;border:1px solid #d8d1c1;background:white;border-radius:8px}form{display:grid;gap:.9rem;max-width:580px}label{display:grid;gap:.35rem;max-width:580px;margin-bottom:.6rem}input,select,button{font:inherit;padding:.65rem;border:1px solid #a7ad9d;border-radius:5px}button{cursor:pointer;background:#204f37;color:white}button:disabled{opacity:.5}.cards button{margin:0 .4rem .3rem 0}footer{border-top:1px solid #dbd5c7}#receipt:not(:empty){padding:1rem;background:#edf1e6}[hidden]{display:none!important}@media(max-width:680px){.hero{grid-template-columns:1fr}.hero img{height:160px}}

body { font-family: 'Hanken Grotesk', Arial, sans-serif; color: #2a2117; background: #f7f3ea; }
h1, h2, h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; }
h2 { margin: 0 0 .8rem; }
main > small, article > small { color: #676043; }
section { margin-block: 2.5rem; }
main > section:first-child { margin-top: 0; }
.hero img { min-width: 0; }
button, summary, input, select { min-height: 44px; }
button:hover, button:focus-visible { background: #163c29; }
:focus-visible { outline: 3px solid #a98034; outline-offset: 3px; }
.skip { position: absolute; left: 1rem; top: -8rem; padding: .7rem; background: white; z-index: 2; }
.skip:focus { top: 1rem; }
.market-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.market-heading label { min-width: 12rem; }
.cards article, #receipt { overflow-wrap: anywhere; }
#market-status:not(:empty), .cards > p { border-left: 3px solid #b99a42; background: #eee9dd; padding: 1rem; }
#market-status:empty, #notice:empty { display: none; }
.listing-editor { margin: 1rem 0; }
.listing-editor summary { cursor: pointer; color: #245338; font-weight: 600; padding: .65rem 0; }
#unit-help { font-size: .9rem; color: #4d584e; }
@media (max-width: 440px) { header { flex-wrap: wrap; gap: .6rem; } .market-heading label { width: 100%; } }

.browse-lots { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; }
.store-tools { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.embedded > header, .embedded main > small, .embedded main > h1 { display:none; }
.embedded main { padding:1rem; }
.lot-photo { display:block; width:100%; max-height:20rem; object-fit:contain; background:#f7f3ea; border-radius:6px; margin-bottom:1rem; }
#listing textarea { font:inherit; padding:.65rem; border:1px solid #a7ad9d; border-radius:5px; resize:vertical; }
#listing { grid-template-columns: minmax(0, 1fr); }
#listing label, #listing input, #listing textarea { min-width: 0; max-width: 100%; }

#customer-preview { box-sizing:border-box; width:min(30rem,calc(100% - 2rem)); max-height:85vh; overflow:auto; padding:1.25rem; color:inherit; background:#fbf7ee; border:1px solid #d8d1c1; border-radius:12px; }
#customer-preview::backdrop { background:rgba(20,30,22,.55); }
#customer-preview header { position:static; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:0; background:transparent; color:inherit; }
#customer-preview h2 { margin:0; }

.stock-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tv-space-block,16px);align-items:end; }
.stock-fields label { margin:0; }
#stock-labels { margin-block:var(--tv-space-block,16px);padding:16px;border:1px solid #d8d1c1;border-radius:12px; }
#stock-labels img { width:160px;height:160px; }
.stock-actions { display:flex;flex-wrap:nowrap;gap:12px;align-items:center;overflow-x:auto; }
.stock-actions > * { flex:none; }
@media(max-width:600px){.stock-fields{grid-template-columns:minmax(0,1fr);}}