@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#f3b51b;--red2:#d49b00;--red3:#ffcf45;
  --dark:#00294c;--dark2:#00233f;--dark3:#001f3a;--dark4:#0a3a62;--dark5:#16496f;
  --gray:#888;--gray2:#555;--light:#f4f4f2;--white:#fff;
  --green:#f3b51b;--green-bg:rgba(243,181,27,.12);--green-text:#ffe3a1;
  --fd:'Oswald',sans-serif;--fb:'Inter',sans-serif;
  --r:3px;
}
body{font-family:var(--fb);font-size:15px;color:var(--dark);background:var(--light);line-height:1.5;overflow-x:hidden}

/* Mobile nav — hidden by default, shown only via JS */
.mob-nav{display:none;position:fixed;inset:0;z-index:9998;background:var(--dark);flex-direction:column}
.mob-nav.open{display:flex}
.mob-menu-btn{display:none}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:var(--fb)}

/* ============================================================
   TICKER
============================================================ */
.ticker{background:var(--red);overflow:hidden;height:34px;display:flex;align-items:center}
.ticker-wrap{overflow:hidden;flex:1}
.ticker-track{display:inline-flex;white-space:nowrap;animation:ticker 35s linear infinite;gap:0}
.ticker-track span{font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--dark);padding:0 24px;text-transform:uppercase}
.ticker-track .sep{color:rgba(0,0,0,.3);padding:0}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ============================================================
   TOPBAR
============================================================ */
.topbar{background:var(--dark2);display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:46px;border-bottom:1px solid var(--dark4)}
.topbar-left{display:flex;align-items:center;gap:20px}
.topbar-left a,.topbar-left span{font-size:13px;color:rgba(255,255,255,.55);cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .2s}
.topbar-left a:hover{color:#fff}
.topbar-left i{font-size:14px}
.topbar-right{display:flex;align-items:center;gap:10px}
.tbtn{font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--r);border:1px solid var(--dark5);background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.tbtn:hover{background:var(--dark4);color:#fff}
.tbtn-red{background:var(--red)!important;border-color:var(--red)!important;color:var(--dark)!important;font-weight:600}
.tbtn-red:hover{background:var(--red2)!important}

/* ============================================================
   MAIN NAV
============================================================ */
.mainnav{background:var(--dark);display:flex;align-items:center;padding:0 32px;height:100px;gap:0;border-bottom:3px solid var(--red)}
.logo{display:flex;align-items:center;gap:12px;padding-right:28px;margin-right:8px;border-right:1px solid var(--dark4)}
.logo-mark{width:44px;height:44px;background:var(--red);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 72%,86% 100%,0 100%)}
.logo-mark i{color:#fff;font-size:22px}
.logo-text{}
.lt1{font-family:var(--fd);font-size:24px;font-weight:700;color:#fff;line-height:1;letter-spacing:.02em}
.lt1 span{color:var(--red)}
.lt2{font-family:var(--fd);font-size:11px;font-weight:400;color:rgba(255,255,255,.45);letter-spacing:.16em;text-transform:uppercase;margin-top:1px}
.navlinks{display:flex;align-items:stretch;flex:1}
.navlinks a{font-family:var(--fd);font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);padding:0 16px;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-3px;transition:color .2s,border-color .2s;white-space:nowrap}
.navlinks a:hover{color:#fff}
.navlinks a.active{color:#fff;border-bottom-color:var(--red)}
.navlinks a i{font-size:16px}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-pill{font-family:var(--fd);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 20px;border-radius:var(--r);cursor:pointer;border:2px solid;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.nav-pill-out{border-color:var(--dark5);color:rgba(255,255,255,.6);background:transparent}
.nav-pill-out:hover{border-color:#fff;color:#fff}
.nav-pill-solid{background:var(--red);border-color:var(--red);color:var(--dark)}
.nav-pill-solid:hover{background:var(--red2)}

/* ============================================================
   FLASH
============================================================ */
.flash{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:14px;font-weight:500}
.flash-success{background:#e6f7ed;color:#1a5c2e;border-bottom:2px solid #1a7a3a}
.flash-error{background:#fde8e7;color:#7a1510;border-bottom:2px solid var(--red)}
.flash-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;font-size:18px}

/* ============================================================
   HERO
============================================================ */
.hero{background:var(--dark);position:relative;overflow:hidden;min-height:480px;display:flex;flex-direction:column}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--dark3) 1px,transparent 1px),linear-gradient(90deg,var(--dark3) 1px,transparent 1px);background-size:56px 56px;opacity:.5}
.hero-geo{position:absolute;inset:0;pointer-events:none}
.hero-geo .g1{position:absolute;right:0;top:0;width:35%;height:100%;background:var(--dark2);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.hero-geo .g2{position:absolute;right:calc(35% - 3px);top:0;bottom:0;width:3px;background:var(--red);opacity:.6}
.hero-geo .g3{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red)}
.hero-content{position:relative;padding:56px 32px 44px;max-width:620px;flex:1;box-sizing:border-box}
.hero-eyebrow{font-family:var(--fd);font-size:13px;font-weight:500;letter-spacing:.2em;color:var(--red);text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.hero-eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--red)}
.hero h1{font-family:var(--fd);font-size:72px;font-weight:700;color:#fff;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:22px}
.hero h1 em{color:var(--red);font-style:normal}
.hero-sub{font-size:16px;font-weight:300;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:32px;max-width:460px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{font-family:var(--fd);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;background:var(--red);color:var(--dark);border:none;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 78%,95% 100%,0 100%);transition:background .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-primary:hover{background:var(--red2)}
.btn-secondary{font-family:var(--fd);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;background:transparent;color:rgba(255,255,255,.7);border:2px solid var(--dark5);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-secondary:hover{border-color:#fff;color:#fff}

/* HERO STATS */
.hero-stats{background:var(--dark2);border-top:3px solid var(--red);display:flex;position:relative;z-index:1}
.hstat{flex:1;padding:18px 24px;border-right:1px solid var(--dark4)}
.hstat:last-child{border:none}
.hstat-num{font-family:var(--fd);font-size:32px;font-weight:700;color:#fff;line-height:1}
.hstat-lbl{font-size:13px;color:rgba(255,255,255,.55);margin-top:4px;font-weight:400}

/* ============================================================
   SEARCH BAR
============================================================ */
.searchbar{background:var(--dark3);border-bottom:1px solid var(--dark4);padding:16px 32px;display:flex;gap:10px;flex-wrap:wrap}
.sb-input{flex:2;min-width:200px;height:46px;padding:0 16px;background:var(--dark4);border:2px solid var(--dark5);color:#fff;font-size:14px;outline:none;transition:border-color .2s}
.sb-input::placeholder{color:var(--gray2)}
.sb-input:focus{border-color:var(--red)}
.sb-select{height:46px;padding:0 12px;background:var(--dark4);border:2px solid var(--dark5);color:rgba(255,255,255,.6);font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}
.sb-select:focus{border-color:var(--red)}
.sb-btn{height:46px;padding:0 28px;background:var(--red);border:none;color:var(--dark);font-family:var(--fd);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;white-space:nowrap}
.sb-btn:hover{background:var(--red2)}

/* ============================================================
   SECTIONS
============================================================ */
.section{padding:36px 32px 0}
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sec-title{font-family:var(--fd);font-size:28px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:5px;height:28px;background:var(--red)}
.sec-link{font-family:var(--fd);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:5px}
.sec-link:hover{color:var(--red2)}

/* ============================================================
   AUCTION CARDS
============================================================ */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;background:var(--dark5)}
.acard{background:var(--white);cursor:pointer;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}
.acard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15);z-index:2}
.acard-img{height:160px;background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.acard-img i{font-size:48px;color:#2a2a2a;transition:transform .3s}
.acard:hover .acard-img i{transform:scale(1.1)}
.acard-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.acard:hover .acard-img img{transform:scale(1.05)}
.acard-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transition:transform .3s;transform-origin:left}
.acard:hover .acard-img::after{transform:scaleX(1)}
.badge-live{position:absolute;top:0;left:0;background:var(--red);color:var(--dark);font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;display:flex;align-items:center;gap:5px}
.ldot{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.badge-bn{position:absolute;top:0;right:0;background:var(--green);color:var(--green-text);font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px}
.badge-ends{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-family:'Inter',monospace;padding:4px 8px;border-radius:2px;font-weight:500}
.acard-body{padding:14px 16px}
.acard-cat{font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.acard-name{font-family:var(--fd);font-size:17px;font-weight:600;line-height:1.2;color:var(--dark);margin-bottom:10px;text-transform:uppercase}
.acard-foot{display:flex;align-items:flex-end;justify-content:space-between;padding-top:10px;border-top:1px solid #f0f0f0}
.acard-lbl{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.acard-price{font-family:var(--fd);font-size:22px;font-weight:700;line-height:1}
.acard-bids{font-size:12px;color:var(--gray);font-weight:500}

/* ============================================================
   CATEGORIES
============================================================ */
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2px;background:var(--dark5)}
.catcard{background:var(--white);padding:22px 14px;text-align:center;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none;display:block}
.catcard:hover{background:var(--dark);transform:translateY(-2px)}
.catcard i{font-size:30px;color:var(--red);display:block;margin-bottom:10px;transition:color .2s,transform .2s}
.catcard:hover i{color:#fff;transform:scale(1.1)}
.catcard .cn{font-family:var(--fd);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dark);transition:color .2s}
.catcard:hover .cn{color:#fff}
.catcard .cc{font-size:11px;color:var(--gray);margin-top:3px;transition:color .2s}
.catcard:hover .cc{color:rgba(255,255,255,.4)}

/* ============================================================
   HOW IT WORKS
============================================================ */
.how-wrap{background:var(--dark);padding:36px 32px;margin-top:36px}
.how-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px;background:var(--dark2);margin-top:0}
.how-item{background:var(--dark3);padding:24px;position:relative;overflow:hidden;transition:background .2s}
.how-item:hover{background:var(--dark4)}
.how-num{font-family:var(--fd);font-size:72px;font-weight:700;color:rgba(255,255,255,.04);line-height:1;position:absolute;top:8px;right:10px;letter-spacing:-.02em}
.how-icon{width:46px;height:46px;background:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:14px;clip-path:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%)}
.how-icon i{color:#fff;font-size:20px}
.how-title{font-family:var(--fd);font-size:18px;font-weight:600;text-transform:uppercase;color:#fff;margin-bottom:6px;letter-spacing:.04em}
.how-desc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.6}

/* ============================================================
   PAGINATION
============================================================ */
.pagination{display:flex;gap:4px;justify-content:center;padding:32px 0}
.pagination a,.pagination span{font-family:var(--fd);font-size:15px;font-weight:600;padding:8px 16px;border:2px solid #e0e0e0;background:var(--white);cursor:pointer;transition:all .2s;text-decoration:none;color:var(--dark)}
.pagination a:hover,.pagination .current{background:var(--red);border-color:var(--red);color:#fff}

/* ============================================================
   FILTER BAR / TABS
============================================================ */
.filter-panel{background:var(--dark2);border-bottom:1px solid var(--dark4);padding:14px 32px;display:flex;gap:10px;flex-wrap:wrap}
.fp-input{height:40px;padding:0 14px;background:var(--dark3);border:2px solid var(--dark4);color:#fff;font-size:14px;flex:1;min-width:180px;outline:none;transition:border-color .2s}
.fp-input:focus{border-color:var(--red)}
.fp-input::placeholder{color:var(--gray2)}
.fp-select{height:40px;padding:0 10px;background:var(--dark3);border:2px solid var(--dark4);color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;outline:none}
.tabs{display:flex;background:var(--light);border-bottom:2px solid #e0e0e0;padding:0 32px}
.tab{font-family:var(--fd);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--gray);display:flex;align-items:center;gap:6px;transition:color .2s,border-color .2s;text-decoration:none}
.tab:hover,.tab.on{color:var(--red);border-bottom-color:var(--red)}
.results-row{display:flex;justify-content:space-between;align-items:center;padding:12px 32px;font-size:13px;color:var(--gray);border-bottom:1px solid #e8e8e8;background:#fff}

/* ============================================================
   PAGE HEADER
============================================================ */
.page-hd{background:var(--dark);padding:24px 32px;border-bottom:3px solid var(--red)}
.page-hd h1{font-family:var(--fd);font-size:36px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.02em}
.page-hd p{font-size:14px;color:rgba(255,255,255,.6);margin-top:5px}

/* ============================================================
   PRODUCT PAGE
============================================================ */
.pdp-crumb{font-size:13px;color:var(--gray);padding:12px 32px;border-bottom:1px solid #e8e8e8;background:var(--white)}
.pdp-crumb a{color:var(--red)}
.pdp-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:20px 32px;align-items:start}
.gallery{border:1px solid #e8e8e8;background:var(--white)}
.gal-main{height:300px;background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.gal-main i{font-size:72px;color:#2a2a2a}
.gal-main img{width:100%;height:100%;object-fit:cover}
.gal-main-badge{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;display:flex;align-items:center;gap:6px}
.gal-thumbs{display:flex;gap:2px;background:#e8e8e8;padding:2px}
.gthumb{flex:1;height:60px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;overflow:hidden}
.gthumb img{width:100%;height:100%;object-fit:cover}
.gthumb i{font-size:20px;color:#bbb}
.gthumb.on{border-color:var(--red)}
.specs-box{border:1px solid #e8e8e8;background:var(--white);margin-top:14px}
.specs-box-hd{background:var(--dark);padding:12px 16px;font-family:var(--fd);font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:8px}
.specs-box-hd i{color:var(--red)}
.specs-grid{display:grid;grid-template-columns:1fr 1fr}
.si{padding:10px 16px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.si:nth-child(even){border-right:none}
.si-key{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.si-val{font-family:var(--fd);font-size:16px;font-weight:600}

/* ============================================================
   BID PANEL
============================================================ */
.bid-panel{background:var(--white);border:1px solid #e8e8e8;position:sticky;top:14px}
.bp-head{background:var(--dark);padding:12px 18px;font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;align-items:center}
.bp-live{color:var(--red);display:flex;align-items:center;gap:5px}
.bp-body{padding:18px}
.bp-cat{font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.bp-title{font-family:var(--fd);font-size:22px;font-weight:700;line-height:1.1;margin-bottom:14px;text-transform:uppercase}
.bp-price-lbl{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.08em}
.bp-price{font-family:var(--fd);font-size:38px;font-weight:700;color:var(--red);line-height:1;margin:4px 0 3px}
.bp-buynow{font-size:13px;color:var(--gray);margin-bottom:14px}
.bp-buynow strong{color:var(--green);font-family:var(--fd);font-size:15px}
.bp-divider{height:1px;background:#f0f0f0;margin:14px 0}
.timer-row{display:flex;gap:6px;margin:10px 0 16px}
.tu{background:var(--dark);flex:1;padding:12px 0;text-align:center}
.tu-num{font-family:var(--fd);font-size:26px;font-weight:700;color:#fff}
.tu-lbl{font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.bid-inp-row{display:flex;gap:8px;margin-bottom:10px}
.bid-inp-row input{flex:1;height:44px;padding:0 14px;border:2px solid #e8e8e8;font-size:15px;color:var(--dark);outline:none;transition:border-color .2s;background:var(--white)}
.bid-inp-row input:focus{border-color:var(--red)}
.btn-bid{height:44px;padding:0 18px;background:var(--red);border:none;color:var(--dark);font-family:var(--fd);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;clip-path:polygon(0 0,100% 0,100% 74%,92% 100%,0 100%);transition:background .2s}
.btn-bid:hover{background:var(--red2)}
.btn-buynow{width:100%;padding:13px;background:var(--green);border:none;color:var(--green-text);font-family:var(--fd);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px;transition:background .2s}
.btn-buynow:hover{background:#0f5028}
.btn-row{display:flex;gap:6px}
.btn-sm{flex:1;padding:9px 0;border:2px solid #e8e8e8;background:transparent;font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--gray);transition:all .2s}
.btn-sm:hover{border-color:var(--red);color:var(--red)}
.bid-hist{padding:16px 18px;border-top:1px solid #f0f0f0}
.bh-head{font-family:var(--fd);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between}
.bh-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f7f7f7;font-size:13px}
.bh-item:last-child{border:none}
.bh-item.top{background:var(--green-bg);padding:8px 8px;margin:0 -8px}
.bh-amt{font-family:var(--fd);font-size:16px;font-weight:700}
.bh-amt.win{color:var(--green)}

/* ============================================================
   SELLER STRIP
============================================================ */
.seller-strip{background:var(--white);border:1px solid #e8e8e8;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-top:14px}
.seller-av{width:44px;height:44px;background:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:16px;font-weight:700;color:var(--red);clip-path:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%)}
.seller-name{font-family:var(--fd);font-size:16px;font-weight:700;text-transform:uppercase}
.seller-meta{font-size:12px;color:var(--gray);margin-top:3px}

/* ============================================================
   LIVE AUCTION
============================================================ */
.live-bar{background:var(--red);padding:0 32px;height:54px;display:flex;align-items:center;justify-content:space-between;color:var(--dark)}
.live-badge{background:rgba(0,0,0,.25);color:#fff;font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;display:flex;align-items:center;gap:6px}
.live-title{font-family:var(--fd);font-size:18px;font-weight:700;text-transform:uppercase;color:#fff}
.live-timer-display{font-family:var(--fd);font-size:22px;font-weight:700;color:#fff;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.live-body{display:grid;grid-template-columns:1fr 290px;min-height:400px}
.live-main{padding:20px;border-right:1px solid #e8e8e8;background:var(--light)}
.live-sidebar{background:var(--white);padding:16px;display:flex;flex-direction:column;gap:14px}
.live-img{background:#111;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}
.live-img i{font-size:72px;color:#2a2a2a}
.live-img img{width:100%;height:100%;object-fit:cover}
.stat3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:var(--dark5);margin-bottom:16px}
.sc{background:var(--white);padding:14px;text-align:center}
.sc-l{font-size:11px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em}
.sc-v{font-family:var(--fd);font-size:26px;font-weight:700;line-height:1;margin-top:5px}
.sc-v.red{color:var(--red)}
.sc-v.grn{color:var(--green)}
.live-inp{display:flex;gap:8px;margin-top:6px}
.live-inp input{flex:1;height:48px;padding:0 16px;border:2px solid #e8e8e8;font-size:16px;color:var(--dark);outline:none;transition:border-color .2s;background:var(--white)}
.live-inp input:focus{border-color:var(--red)}
.ls-title{font-family:var(--fd);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dark);display:flex;align-items:center;gap:6px}
.ls-title i{color:var(--red);font-size:15px}
.feed-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #f5f5f5;font-size:13px;border-left:3px solid transparent}
.feed-item.top{background:var(--green-bg);border-left-color:var(--green)}
.feed-amt{font-family:var(--fd);font-size:16px;font-weight:700}
.feed-amt.top{color:var(--green)}
.online-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f5f5f5;font-size:13px}
.online-item:last-child{border:none}
.oa{width:32px;height:32px;background:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:12px;font-weight:700;color:var(--red);clip-path:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%);flex-shrink:0}
.qb-row{display:flex;gap:6px;flex-wrap:wrap}
.qb{font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:.06em;padding:7px 12px;border:2px solid #e8e8e8;background:transparent;color:var(--dark);cursor:pointer;transition:all .2s}
.qb:hover{border-color:var(--red);color:var(--red)}

/* ============================================================
   DASHBOARD / PANELS
============================================================ */
.panel-wrap{display:grid;grid-template-columns:240px 1fr;min-height:600px}
.sidebar{background:var(--dark);padding:24px 0;min-height:600px}
.sidebar-user{padding:20px 24px 22px;border-bottom:1px solid var(--dark4);margin-bottom:10px}
.sidebar-av{width:50px;height:50px;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:20px;font-weight:700;color:#fff;clip-path:polygon(0 0,100% 0,100% 78%,86% 100%,0 100%);margin-bottom:10px}
.sidebar-name{font-family:var(--fd);font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}
.sidebar-role{font-size:12px;color:var(--red);text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-weight:500}
.sidebar a{display:flex;align-items:center;gap:10px;padding:12px 24px;font-family:var(--fd);font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .2s,background .2s;text-decoration:none}
.sidebar a:hover{color:#fff;background:var(--dark3)}
.sidebar a.active{color:#fff;background:var(--dark3);border-left:4px solid var(--red)}
.sidebar a i{font-size:18px}
.panel-content{padding:28px 32px;background:var(--light)}
.panel-hd{margin-bottom:24px}
.panel-hd h1{font-family:var(--fd);font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.panel-hd p{font-size:14px;color:var(--gray);margin-top:5px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:28px}
.stat-card{background:var(--white);border:1px solid #e8e8e8;padding:20px;border-top:3px solid transparent;transition:border-top-color .2s}
.stat-card:hover{border-top-color:var(--red)}
.stat-card-icon{width:40px;height:40px;background:rgba(243,181,27,.08);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.stat-card-icon i{color:var(--red);font-size:20px}
.stat-card-val{font-family:var(--fd);font-size:32px;font-weight:700;line-height:1}
.stat-card-lbl{font-size:13px;color:var(--gray);margin-top:4px;font-weight:400}

/* ============================================================
   DATA TABLE
============================================================ */
.data-table{width:100%;border-collapse:collapse;background:var(--white);font-size:14px}
.data-table th{background:var(--dark);color:#fff;font-family:var(--fd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;text-align:left}
.data-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0}
.data-table tr:hover td{background:#fafafa}
.data-table .badge{font-size:11px;font-weight:600;padding:3px 10px;letter-spacing:.04em;text-transform:uppercase;border-radius:2px}
.badge-active{background:#e6f7ed;color:#1a5c2e}
.badge-pending{background:#fef9e6;color:#7a5b00}
.badge-sold{background:#e8f0fe;color:#1a3a8a}
.badge-ended{background:#f0f0f0;color:#555}
.badge-rejected{background:#fde8e7;color:#7a1510}
.badge-scheduled{background:#f0f0f0;color:#555}

/* ============================================================
   FORMS
============================================================ */
.form-card{background:var(--white);border:1px solid #e8e8e8;padding:28px;max-width:580px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-family:var(--fd);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dark);margin-bottom:7px}
.form-group input,.form-group select,.form-group textarea{width:100%;height:44px;padding:0 14px;border:2px solid #e8e8e8;font-size:15px;color:var(--dark);outline:none;transition:border-color .2s;background:var(--white);font-family:var(--fb)}
.form-group textarea{height:110px;padding:12px 14px;resize:vertical}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-hint{font-size:12px;color:var(--gray);margin-top:5px}
.form-error{font-size:12px;color:var(--red);margin-top:5px}
.btn-submit{width:100%;height:48px;background:var(--red);border:none;color:var(--dark);font-family:var(--fd);font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s;margin-top:10px}
.btn-submit:hover{background:var(--red2)}

/* AUTH */
.auth-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--light)}
.auth-card{background:var(--white);border:1px solid #e8e8e8;border-top:3px solid var(--red);padding:36px 32px;width:100%;max-width:440px}
.auth-logo{text-align:center;margin-bottom:28px}
.auth-title{font-family:var(--fd);font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:6px;letter-spacing:.02em}
.auth-sub{font-size:14px;color:var(--gray)}
.auth-footer{font-size:13px;color:var(--gray);text-align:center;margin-top:18px}
.auth-footer a{color:var(--red);font-weight:500}

/* ============================================================
   CONTACT
============================================================ */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:36px 32px}
.contact-info{background:var(--dark);padding:32px;color:#fff}
.ci-title{font-family:var(--fd);font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:24px;color:#fff;letter-spacing:.02em}
.ci-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;font-size:14px;color:rgba(255,255,255,.65)}
.ci-row i{color:var(--red);font-size:20px;flex-shrink:0;margin-top:2px}

/* ============================================================
   FOOTER
============================================================ */
.footer{background:#0f2044;border-top:3px solid var(--red);margin-top:48px}
.footer-top{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px;padding:36px 32px}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-logo-mark{width:36px;height:36px;background:var(--red);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 74%,86% 100%,0 100%)}
.footer-logo-mark i{color:#fff;font-size:17px}
.fl1{font-family:var(--fd);font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}
.fl1 span{color:var(--red)}
.fl2{font-family:var(--fd);font-size:10px;color:rgba(255,255,255,.45);letter-spacing:.12em;text-transform:uppercase}
.fc-title{font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.fcol a{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:7px;transition:color .2s}
.fcol a:hover{color:#fff}
.fcol-c{font-size:13px;color:rgba(255,255,255,.55);display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;line-height:1.5}
.fcol-c i{color:var(--red);font-size:15px;flex-shrink:0;margin-top:2px}
.footer-bottom{border-top:1px solid var(--dark4);padding:14px 32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom span{font-size:12px;color:rgba(255,255,255,.45)}

/* ============================================================
   UTILITY
============================================================ */
.container{max-width:1280px;margin:0 auto;padding:0 32px}
.text-red{color:var(--red)}
.text-green{color:var(--green)}
.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}
.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}
.empty-state{text-align:center;padding:56px 24px;color:var(--gray)}
.empty-state i{font-size:56px;display:block;margin-bottom:16px;color:#ddd}
.empty-state p{font-size:15px}

/* ============================================================
   RESPONSIVE
============================================================ */

/* ── TABLET (≤900px) ── */
@media(max-width:900px){
  /* Layout */
  .pdp-layout,.live-body,.panel-wrap,.contact-wrap{grid-template-columns:1fr}
  .container{padding:0 16px}

  /* Hero */
  .hero{min-height:auto}
  .hero h1{font-size:46px}
  .hero-content{padding:36px 20px 28px;max-width:100%}
  .hero-sub{font-size:14px;max-width:100%}
  .hero-geo .g1{display:none}
  .hero-geo .g2{display:none}
  .hero-cta{gap:8px}
  .btn-primary,.btn-secondary{font-size:14px;padding:12px 20px}
  .hero-stats{flex-wrap:wrap}
  .hstat{flex:1 1 50%;border-right:none;border-bottom:1px solid var(--dark4)}
  .hstat-num{font-size:26px}

  /* Nav */
  .topbar{padding:0 16px;height:40px}
  .topbar-left{gap:12px}
  .topbar-left a,.topbar-left span{font-size:12px}
  .mainnav{padding:0 16px;height:60px}
  .logo-mark{width:38px;height:38px}
  .lt1{font-size:20px}
  .lt2{display:none}
  .navlinks a{padding:0 10px;font-size:13px}
  .navlinks a:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none}

  /* Search / Filter */
  .searchbar,.filter-panel{padding:12px 16px}
  .sb-input{min-width:140px}

  /* Sections */
  .section{padding:24px 16px 0}
  .sec-title{font-size:22px}
  .page-hd{padding:18px 16px}
  .page-hd h1{font-size:26px}
  .tabs{padding:0 16px}
  .results-row{padding:10px 16px}

  /* Cards grid */
  .agrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}

  /* Category grid */
  .catgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}

  /* How it works */
  .how-wrap{padding:28px 16px}
  .how-grid{grid-template-columns:repeat(2,1fr)}

  /* Footer */
  .footer-top{padding:24px 16px;gap:20px}
  .footer-bottom{padding:12px 16px}

  /* PDP */
  .pdp-crumb{padding:10px 16px}

  /* Panel */
  .panel-content{padding:20px 16px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}

  /* Data table — horizontal scroll */
  .data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table{min-width:600px}
}

/* ── MOBILE (≤600px) ── */
@media(max-width:600px){
  /* Ticker */
  .ticker{height:28px}
  .ticker-track span{font-size:11px;padding:0 16px}

  /* Topbar — hidden on mobile */
  .topbar{display:none}

  /* Main nav */
  .mainnav{padding:0 14px;height:56px;position:relative}
  .logo{padding-right:0;border-right:none;margin-right:0}
  .lt1{font-size:18px}
  .navlinks{display:none}
  .nav-right{gap:6px;margin-left:auto}
  .nav-pill{font-size:12px;padding:7px 12px}
  .mob-nav{display:none;position:fixed;inset:0;z-index:9998;background:var(--dark)}
  .mob-nav.open{display:flex;flex-direction:column}
  .mob-nav-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--dark4)}
  .mob-nav-hd .lt1{font-size:20px}
  .mob-nav-close{background:none;border:none;color:#fff;font-size:26px;cursor:pointer}
  .mob-nav-links{flex:1;overflow-y:auto;padding:12px 0}
  .mob-nav-links a{display:flex;align-items:center;gap:12px;padding:16px 24px;font-family:var(--fd);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);border-bottom:1px solid var(--dark4);text-decoration:none}
  .mob-nav-links a:hover,.mob-nav-links a.active{color:#fff;background:var(--dark3)}
  .mob-nav-links a i{font-size:20px;color:var(--red);width:24px}
  .mob-nav-foot{padding:20px 24px;border-top:1px solid var(--dark4);display:flex;gap:10px}
  .mob-nav-foot a{flex:1;text-align:center;padding:12px;font-family:var(--fd);font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none}

  /* Hero */
  .hero{min-height:auto}
  .hero h1{font-size:34px;line-height:1}
  .hero-content{padding:28px 14px 24px}
  .hero-sub{font-size:13px;margin-bottom:20px}
  .hero-eyebrow{font-size:11px;margin-bottom:12px}
  .hero-cta{flex-direction:column;gap:8px}
  .btn-primary,.btn-secondary{width:100%;justify-content:center;clip-path:none;font-size:14px;padding:13px 20px}
  .hstat{flex:1 1 50%}
  .hstat-num{font-size:22px}
  .hstat-lbl{font-size:11px}

  /* Search bar */
  .searchbar{flex-direction:column;padding:10px 14px;gap:8px}
  .sb-input{min-width:unset}
  .sb-btn{width:100%;justify-content:center}

  /* Section */
  .section{padding:20px 14px 0}
  .sec-hd{margin-bottom:14px}
  .sec-title{font-size:18px}
  .sec-title::before{height:20px}

  /* Auction grid — 2 columns on mobile */
  .agrid{grid-template-columns:1fr 1fr;gap:1px}

  /* Category grid */
  .catgrid{grid-template-columns:repeat(3,1fr)}
  .catcard{padding:14px 8px}
  .catcard i{font-size:22px}
  .catcard .cn{font-size:12px}
  .catcard .cc{display:none}

  /* How it works */
  .how-wrap{padding:24px 14px;margin-top:24px;overflow:hidden}
  .how-grid{grid-template-columns:1fr;overflow:hidden}
  .how-item{padding:18px;overflow:hidden}
  .how-num{font-size:52px}
  .how-title{font-size:16px}
  .how-desc{font-size:12px}

  /* Page header */
  .page-hd{padding:14px}
  .page-hd h1{font-size:22px}
  .page-hd p{font-size:12px}

  /* Tabs */
  .tabs{padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
  .tab{white-space:nowrap;padding:12px 12px;font-size:12px}
  .results-row{padding:8px 14px;font-size:12px;flex-wrap:wrap;gap:6px}

  /* Filter panel */
  .filter-panel{flex-direction:column;padding:10px 14px;gap:8px}
  .fp-input{min-width:unset}

  /* PDP breadcrumb */
  .pdp-crumb{padding:8px 14px;font-size:11px;overflow-x:auto;white-space:nowrap}

  /* Panel / Dashboard */
  .panel-wrap{grid-template-columns:1fr}
  .sidebar{display:none}
  .panel-content{padding:14px}
  .panel-hd h1{font-size:22px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:8px}
  .stat-card{padding:14px}
  .stat-card-val{font-size:24px}
  .stat-card-lbl{font-size:11px}

  /* Auth */
  .auth-wrap{padding:24px 14px}
  .auth-card{padding:24px 18px}
  .auth-title{font-size:22px}

  /* Contact */
  .contact-wrap{padding:20px 14px;gap:16px}

  /* Footer */
  .footer{margin-top:28px}
  .footer-top{grid-template-columns:1fr 1fr;padding:20px 14px;gap:16px}
  .footer-bottom{padding:12px 14px;flex-direction:column;gap:4px;text-align:center}
  .footer-bottom span{font-size:11px}

  /* Data table */
  .data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}
  .data-table{min-width:560px}
  .data-table th,.data-table td{padding:10px 12px;font-size:12px}

  /* Form */
  .form-card{padding:18px 14px}
  .form-row{grid-template-columns:1fr}

  /* Stats / Live */
  .stat3{grid-template-columns:1fr 1fr 1fr}
  .sc-v{font-size:20px}
  .live-bar{padding:0 14px;height:46px}
  .live-title{font-size:14px}
  .live-timer-display{font-size:18px}
}

/* ── SMALL MOBILE (≤380px) ── */
@media(max-width:380px){
  .agrid{grid-template-columns:1fr}
  .hero h1{font-size:28px}
  .catgrid{grid-template-columns:repeat(2,1fr)}
  .hstat{flex:1 1 100%}
  .footer-top{grid-template-columns:1fr}
}


/* ============================================================
   HOME BLUE/GOLD FINAL OVERRIDES
   - keeps hero content LEFT aligned
   - removes red/orange drift from gold accents
   - makes Buy Now buttons blue
============================================================ */
:root{
  --red:#f3b51b;
  --red2:#d49b00;
  --red3:#ffcf45;
  --dark:#00294c;
  --dark2:#00233f;
  --dark3:#001f3a;
  --dark4:#0a3a62;
  --dark5:#16496f;
  --green:#f3b51b;
  --green-bg:rgba(243,181,27,.12);
  --green-text:#ffe3a1;
  --blue-action:#00294c;
  --blue-action-hover:#003b6f;
}

.hero.home-hero,
.hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(0,110,190,.30),transparent 34%),
    linear-gradient(135deg,#00294c 0%,#00233f 55%,#001629 100%)!important;
  display:block!important;
  overflow:hidden!important;
}

.hero.home-hero .hero-content,
.hero .hero-content{
  position:relative!important;
  z-index:10!important;
  box-sizing:border-box!important;
  width:min(760px,calc(100% - 96px))!important;
  max-width:760px!important;
  margin-left:clamp(32px,5vw,86px)!important;
  margin-right:auto!important;
  padding:86px 0 76px!important;
  text-align:left!important;
  flex:none!important;
}

.hero.home-hero h1,
.hero h1{
  max-width:760px!important;
  text-align:left!important;
}

.hero.home-hero .hero-sub,
.hero .hero-sub{
  max-width:650px!important;
  text-align:left!important;
}

.hero.home-hero .hero-cta,
.hero .hero-cta{
  justify-content:flex-start!important;
}

.hero h1 em,
.text-green,
.hero .gold,
.home-gold{
  color:#f3b51b!important;
}

.btn-primary,
.sb-btn,
.nav-pill-solid,
.badge-live{
  background:#f3b51b!important;
  color:#00294c!important;
}

.btn-primary:hover,
.sb-btn:hover,
.nav-pill-solid:hover{
  background:#d49b00!important;
}

/* Buy Now buttons: product page + auction cards + common template names */
.btn-buynow,
.acard .btn-buynow,
.acard-buynow,
.buy-now,
.buy-now-btn,
.btn-buy-now,
.acard a[href*="buy"],
.home-active-grid a[href*="buy"],
.home-active-grid button[name*="buy"],
.home-active-grid button[class*="buy"]{
  background:#00294c!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  box-shadow:0 12px 28px rgba(0,41,76,.28)!important;
}

.btn-buynow:hover,
.acard .btn-buynow:hover,
.acard-buynow:hover,
.buy-now:hover,
.buy-now-btn:hover,
.btn-buy-now:hover,
.acard a[href*="buy"]:hover,
.home-active-grid a[href*="buy"]:hover,
.home-active-grid button[name*="buy"]:hover,
.home-active-grid button[class*="buy"]:hover{
  background:#003b6f!important;
  color:#ffffff!important;
}

.badge-bn{
  background:#00294c!important;
  color:#ffffff!important;
}

/* Call buttons stay gold, not red */
.nav-phone-cta,
.call-float-pulse{
  background:#f3b51b!important;
  color:#00294c!important;
}
.call-float{
  filter:drop-shadow(0 4px 22px rgba(243,181,27,.45))!important;
}
.call-float-pulse::before,
.call-float-pulse::after{
  background:#f3b51b!important;
}
.call-float-pulse i{
  color:#00294c!important;
}
.call-float-label{
  background:#00294c!important;
  border:1px solid rgba(243,181,27,.35)!important;
}
.call-float-label span:first-child{
  color:#f3b51b!important;
}

@media(max-width:900px){
  .hero.home-hero .hero-content,
  .hero .hero-content{
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    padding:64px 24px 54px!important;
  }
}

@media(max-width:600px){
  .hero.home-hero .hero-content,
  .hero .hero-content{
    padding:42px 16px 36px!important;
  }
  .hero.home-hero h1,
  .hero h1{
    font-size:38px!important;
  }
}