<style>  body{background:#fff;color:#0f172a}
  .bg-gold{background:#ffc000;color:#000;transition:background .35s ease,transform .2s ease}
  .bg-gold:hover{background:linear-gradient(90deg,#ffd54f,#ffc000);transform:translateY(-1px)}
  .hover-gold:hover{color:#ffc000}
  .masonry{column-gap:1.25rem}@media(min-width:640px){.masonry{column-count:2}}@media(min-width:1024px){.masonry{column-count:4}}.masonry-item{break-inside:avoid;margin-bottom:1.25rem}
  .panel-modal{position:fixed;inset:0;display:none;z-index:60}.panel-modal.show{display:block}
  .panel-wrap{position:absolute;background:#fff;border-radius:1.25rem;box-shadow:0 18px 60px rgba(0,0,0,.18);opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease;overflow:auto}
  .panel-wrap.active{opacity:1;transform:scale(1)}
  @media(min-width:1024px){.anchor-br{bottom:100px;right:24px;width:520px;max-height:90vh}.anchor-bl{bottom:100px;left:24px;width:460px;max-height:90vh}.anchor-center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);max-height:90vh}.anchor-center.active{transform:translate(-50%,-50%) scale(1)}}
  @media(max-width:1023.98px){.panel-wrap{left:12px;right:12px;top:12px;bottom:86px;border-radius:1rem;max-height:calc(100vh - 110px)}}
  #actionBar{display:block}#mobileDock{display:none}@media(max-width:767.98px){#actionBar{display:none}#mobileDock{display:flex}}
  #mobileDock{position:fixed;bottom:1rem;right:.75rem;z-index:55;gap:.5rem}
  .dock-btn{width:3rem;height:3rem;border-radius:9999px;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .2s ease,background .35s ease}
  #toTop{position:fixed;right:1rem;bottom:5.5rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:50}#toTop.show{opacity:1;transform:translateY(0);pointer-events:auto}
  .flag{transition:opacity .2s ease}
  #viewBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:70}
  #viewBackdrop.show{opacity:1;pointer-events:auto}
  #viewPanel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:980px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .45s cubic-bezier(.25,.8,.25,1);z-index:80;display:flex;flex-direction:column}
  @media(max-width:1023.98px){#viewPanel{max-width:100%}}
  #viewPanel.active{transform:translateX(0)}
  .view-body{overflow:auto}
  .chip{border-radius:9999px;border:1px solid #e5e7eb;padding:.375rem .625rem;font-size:.75rem}
  #sellerChatBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:90}
  #sellerChatBackdrop.show{opacity:1;pointer-events:auto}
  #sellerChat{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);z-index:100;display:flex;flex-direction:column}
  #sellerChat.active{transform:translateX(0)}
  .ad-card{position:relative}
  .ad-badge{position:absolute;top:.5rem;left:.5rem;background:#000;color:#fff;font-size:.625rem;padding:.25rem .45rem;border-radius:.5rem;opacity:.85}
  .ad-hover:hover{transform:translateY(-2px); box-shadow:0 18px 60px rgba(0,0,0,.16)}
  .h-scroll{display:flex;gap:.75rem;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}
  .h-scroll > *{scroll-snap-align:start}
