/* ==========================================================================
   1STOPPAWNSHOP Commerce & Pawn Studio (Luxury Art Deco & High Contrast)
   ========================================================================== */
.commerce{max-width:1120px;margin:auto;padding:48px 24px;color:var(--bone-night,#f8f8f6)}
.commerce h1{font-size:clamp(2.8rem,7vw,5.5rem);line-height:1;margin:12px 0 20px;font-family:var(--display);letter-spacing:.02em;text-transform:uppercase}
.commerce h2{font-size:1.8rem;margin:0 0 16px;font-family:var(--display);letter-spacing:.03em;color:var(--bone-night)}
.commerce p{max-width:72ch;line-height:1.6;color:var(--mute-night,#a3a0ad)}
.commerce .panel{border:1px solid rgba(223,186,115,0.35);padding:clamp(20px,4vw,36px);margin:32px 0;background:var(--glass-bg,rgba(7,7,10,0.95));box-shadow:var(--depth-shadow,0 20px 50px rgba(0,0,0,0.8));border-radius:var(--radius-sharp,2px)}

/* Hero & Category Navigation */
.commerce .market-hero,.commerce .pawn-hero{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid rgba(223,186,115,0.25)}
.commerce .market-hero .lede,.commerce .pawn-hero .lede{font-size:1.25rem;color:var(--bone-night);font-weight:400;margin-bottom:20px}
.market-stats-pills{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.pillar-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(223,186,115,0.3);background:rgba(223,186,115,0.06);font-size:0.85rem;color:var(--brass-night,#dfba73);border-radius:2px;letter-spacing:.04em}
.pillar-pill b{color:#ffffff;font-size:0.95rem}

.category-pills-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.cat-pill{padding:8px 16px;border:1px solid rgba(255,255,255,0.18);background:#07070a;color:var(--bone-night);cursor:pointer;font-family:inherit;font-size:0.85rem;letter-spacing:.04em;text-transform:uppercase;transition:all 0.25s ease;border-radius:2px}
.cat-pill:hover{border-color:var(--brass-night,#dfba73);background:rgba(223,186,115,0.1)}
.cat-pill.active{border-color:var(--brass-night,#dfba73);background:var(--brass-night,#dfba73);color:#020204;font-weight:700}

/* Sourced Directory Grid */
.commerce .market-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%;height:auto;overflow:visible;margin:24px 0}
.commerce .item-card{position:relative;min-width:0;border:1px solid rgba(223,186,115,0.25);border-radius:2px;background:#0d0d12;padding:0;transition:border-color .3s,transform .3s,box-shadow .3s}
.commerce .card-content{padding:1.5rem;background:linear-gradient(to top,#060608,#131215);display:flex;flex-direction:column;gap:8px}
.commerce .item-card:hover{border-color:var(--brass-night,#dfba73);transform:translateY(-2px);box-shadow:0 10px 30px rgba(223,186,115,0.12)}
.shop-badge{align-self:flex-start;padding:3px 8px;font-size:0.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-radius:2px;border:1px solid transparent}
.shop-badge.pawn{background:rgba(223,186,115,0.15);color:var(--brass-night,#dfba73);border-color:rgba(223,186,115,0.4)}
.shop-badge.antique{background:rgba(37,168,106,0.15);color:#25a86a;border-color:rgba(37,168,106,0.4)}
.shop-badge.thrift{background:rgba(224,83,40,0.15);color:#ff683b;border-color:rgba(224,83,40,0.4)}
.commerce .item-title{font-size:1.2rem;font-weight:700;margin:4px 0;text-transform:uppercase;letter-spacing:.04em;color:#ffffff}
.commerce .item-price{color:var(--brass-night,#dfba73);font-size:.95rem;margin:0}
.card-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:0.85rem}
.card-actions-row a{color:var(--brass-night);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.card-actions-row a:hover{text-decoration:underline}
.btn-brief-add{background:none;border:none;padding:0;color:var(--mute-night);cursor:pointer;font:inherit;font-size:0.85rem;text-decoration:underline;text-underline-offset:3px}
.btn-brief-add:hover{color:#ffffff}

.commerce img{max-width:100%;height:auto}
.commerce .section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}

@media(min-width:761px){
  .commerce .market-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
}

/* Forms & Inputs */
.commerce .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.commerce label{display:grid;gap:8px;font-size:.92rem;color:var(--bone-night);letter-spacing:.02em}
.commerce .wide{grid-column:1/-1}
.commerce input,.commerce textarea,.commerce select{font:inherit;color:#ffffff;background:#050507;border:1px solid rgba(223,186,115,0.4);padding:14px;min-width:0;width:100%;box-sizing:border-box;border-radius:2px;transition:border-color .2s}
.commerce input:focus,.commerce textarea:focus,.commerce select:focus{border-color:var(--brass-bright,#ffe3a8);outline:none;box-shadow:0 0 10px rgba(223,186,115,0.25)}
.commerce .check{display:flex;align-items:flex-start;gap:12px;margin:22px 0}
.commerce input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--brass-night)}
.commerce .actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}
.commerce .button{font:inherit;padding:14px 24px;border:1px solid var(--brass-night);background:var(--brass-night);color:#020204;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.04em;border-radius:2px;transition:all .2s}
.commerce .button:hover{background:var(--brass-bright,#ffe3a8);box-shadow:0 0 20px rgba(223,186,115,0.4)}
.commerce .secondary{background:transparent;color:#ffffff;border-color:rgba(255,255,255,0.3)}
.commerce .secondary:hover{border-color:var(--brass-night);color:var(--brass-night);background:rgba(223,186,115,0.06)}
.commerce .notice{border-left:3px solid var(--brass-night);padding:14px 18px;background:rgba(223,186,115,0.06);margin:20px 0}
.commerce details{border:1px solid rgba(223,186,115,0.3);margin:24px 0;background:#09090c;border-radius:2px}
.commerce details>summary{cursor:pointer;font-size:1.35rem;padding:20px 24px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--brass-night)}
.commerce details[open]>summary{border-bottom:1px solid rgba(223,186,115,0.2)}
.commerce details>form,.commerce details>section{padding:24px}

/* Accessible controls and native flow on small screens. */
.commerce input,.commerce textarea,.commerce select{font-size:16px;min-height:48px}
.commerce .pawn-hero-art .hero-ticket{position:static;inset:auto;width:220px;max-width:100%;height:auto;transform:none}
.card-actions-row a,.btn-brief-add,.cat-pill{min-height:48px}
.commerce [hidden]{display:none!important}

/* Live Ticker & Beacon Animations */
.live-ticker-rail{width:100%;overflow:hidden;background:#000000;border-top:1px solid rgba(223,186,115,0.35);border-bottom:1px solid rgba(223,186,115,0.35);padding:8px 0;font-family:var(--mono,monospace);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--brass-night,#dfba73);white-space:nowrap}
.ticker-track{display:inline-flex;gap:3rem;width:max-content;animation:ticker-slide 32s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes ticker-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.beacon-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brass-bright,#ffe3a8);box-shadow:0 0 10px var(--brass-bright);animation:beacon-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;margin-right:8px;vertical-align:middle}
@keyframes beacon-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(1.25);box-shadow:0 0 18px var(--brass-bright)}}
.hero-ticket{filter:drop-shadow(0 20px 30px rgba(0,0,0,0.85)) drop-shadow(0 0 20px rgba(223,186,115,0.22));animation:hero-ticket-float 6s ease-in-out infinite alternate}
@keyframes hero-ticket-float{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-8px) rotate(1.5deg)}}

@media(max-width:760px){.commerce .form-grid{grid-template-columns:1fr}.commerce{padding:32px 16px}}
@media(prefers-reduced-motion:reduce){.commerce *{transition:none!important;scroll-behavior:auto!important}.commerce .item-card:hover{transform:none}.ticker-track,.hero-ticket,.beacon-dot{animation:none}}