/* ==========================================================================
   FroCore Auctions — public layout
   Builds on assets/css/app.css (dark base, gold accent). Theme files can
   override any of these via the --fc-* custom properties.
   ========================================================================== */

:root{
  --fc-navy:#0b1220;
  --fc-navy-2:#111a2b;
  --fc-panel:#141c2b;
  --fc-line:#243149;
  --fc-text:#eef2f9;
  --fc-muted:#93a1b8;
  --fc-gold:#e0b84d;
  --fc-blue:#2f6fe0;
  --fc-green:#3fbf7f;
  --fc-red:#e0544f;
  --fc-radius:14px;
}

/* ---------------------------------------------------------------- header */
.fc-topbar{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto auto;
  align-items:center;
  gap:22px;
  padding:14px clamp(16px,4vw,40px);
  background:var(--fc-navy);
  border-bottom:1px solid var(--fc-line);
}
.fc-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none}
.fc-logo-mark{font-size:1.7rem;font-weight:900;letter-spacing:-.02em}
.fc-logo-a{color:#fff}
.fc-logo-b{color:var(--fc-gold)}
.fc-logo small{margin-top:4px;font-size:.68rem;color:var(--fc-muted);font-weight:600}

.fc-search{display:flex;align-items:stretch;background:#fff;border-radius:10px;overflow:hidden;min-width:0}
.fc-search input,.fc-search select{
  border:0;margin:0;border-radius:0;background:#fff;color:#111;
  padding:11px 14px;font-size:.92rem;width:auto;min-width:0;
}
.fc-search input{flex:1}
.fc-search select{border-left:1px solid #dde3ec;max-width:150px;cursor:pointer}
.fc-search button{border-radius:0;background:var(--fc-blue);color:#fff;padding:0 18px;font-size:.88rem}

.fc-nav{display:flex;gap:6px}
.fc-nav a{
  padding:9px 14px;border-radius:9px;color:var(--fc-muted);
  font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap;
}
.fc-nav a:hover{color:#fff;background:var(--fc-navy-2)}
.fc-nav a.active{color:#fff;background:var(--fc-blue)}

.fc-account{display:flex;align-items:center;gap:10px}
.fc-icon{position:relative;color:var(--fc-muted);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.fc-icon:hover{color:#fff}
.fc-pip{
  position:absolute;top:-9px;right:-14px;min-width:17px;height:17px;padding:0 4px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--fc-red);color:#fff;border-radius:9px;font-size:.66rem;font-weight:800;
}
.fc-me{color:#fff;font-weight:800;font-size:.9rem;text-decoration:none}
.fc-cta{background:var(--fc-gold);color:#111;padding:9px 15px;border-radius:9px;font-weight:800;font-size:.85rem;text-decoration:none;white-space:nowrap}

/* ----------------------------------------------------------------- shell */
.fc-main{width:min(1560px,96vw);margin:0 auto;padding:22px 0 10px}
.fc-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:20px;align-items:start}
.fc-centre{min-width:0}

.fc-side-block,.fc-panel{
  background:var(--fc-panel);border:1px solid var(--fc-line);
  border-radius:var(--fc-radius);padding:16px;margin-bottom:18px;
}
.fc-side-block h2,.fc-panel h2{margin:0 0 10px;font-size:.95rem;color:#fff}
.fc-side-sub,.fc-panel-sub{margin:0 0 12px;font-size:.76rem;color:var(--fc-muted);line-height:1.5}
.fc-side-block ul,.fc-panel-list,.fc-feed,.fc-lead-list{list-style:none;margin:0;padding:0}
.fc-side-block li a{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  padding:7px 8px;border-radius:8px;color:var(--fc-text);
  font-size:.85rem;text-decoration:none;
}
.fc-side-block li a:hover{background:var(--fc-navy-2)}
.fc-side-block li a span{color:var(--fc-muted);font-size:.76rem}
.fc-side-all{color:var(--fc-gold) !important;font-weight:700}

/* ------------------------------------------------------------------ hero */
.fc-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0d1b34 0%,#132a4d 55%,#0b1220 100%);
  border:1px solid var(--fc-line);border-radius:18px;
  padding:clamp(24px,4vw,44px);margin-bottom:24px;
}
.fc-hero-copy{max-width:640px}
.fc-hero h1{margin:0;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.05;color:#fff;letter-spacing:-.02em}
.fc-hero-tag{margin:8px 0 16px;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:800;color:var(--fc-gold)}
.fc-hero-body{margin:0 0 22px;color:#c3d0e4;font-size:.98rem;max-width:52ch;line-height:1.6}
.fc-hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.fc-btn{
  display:inline-block;padding:12px 22px;border-radius:10px;border:1px solid transparent;
  background:var(--fc-blue);color:#fff;font-weight:800;font-size:.92rem;
  text-decoration:none;cursor:pointer;text-align:center;
}
.fc-btn:hover{filter:brightness(1.1)}
.fc-btn.ghost{background:transparent;border-color:#41597f;color:#fff}
.fc-btn.full{display:block;width:100%;margin-bottom:8px}

.fc-hero-stats{
  display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,52px);
  margin:30px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.12);
}
.fc-hero-stats div{min-width:96px}
.fc-hero-stats dt{font-size:.74rem;color:#93a8c6;margin-bottom:4px}
.fc-hero-stats dd{margin:0;font-size:1.12rem;font-weight:800;color:#fff}

/* ------------------------------------------------------------------ rail */
.fc-rail{
  background:var(--fc-panel);border:1px solid var(--fc-line);
  border-radius:var(--fc-radius);padding:18px;margin-bottom:20px;
}
.fc-rail-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.fc-rail-head h2{margin:0;font-size:1.08rem;color:#fff}
.fc-rail-note{margin:0;font-size:.75rem;color:var(--fc-muted)}
.fc-rail-more{margin-left:auto;font-size:.82rem;font-weight:700;color:var(--fc-blue);text-decoration:none}

/*
   The rail scrolls horizontally and holds at most 8 cards. Scroll-snap keeps
   cards aligned, and the scrollbar is left visible on desktop so it is
   obvious there is more to the right.
*/
.fc-rail-scroll{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(190px,1fr);
  gap:14px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding-bottom:10px;
  scrollbar-width:thin;
  scrollbar-color:var(--fc-line) transparent;
}
.fc-rail-scroll::-webkit-scrollbar{height:8px}
.fc-rail-scroll::-webkit-scrollbar-thumb{background:var(--fc-line);border-radius:4px}
.fc-rail-scroll > *{scroll-snap-align:start}
.fc-rail-scroll:focus-visible{outline:2px solid var(--fc-blue);outline-offset:3px}

/* ------------------------------------------------------------------- lot */
.fc-lot{background:var(--fc-navy-2);border:1px solid var(--fc-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.fc-lot-img{position:relative;display:block;aspect-ratio:1/1;background:#0a1120;overflow:hidden}
.fc-lot-img img{width:100%;height:100%;object-fit:cover;display:block}
.fc-lot-noimg{position:absolute;inset:0;display:grid;place-items:center;color:#46566f;font-size:.8rem}
.fc-lot-clock{
  position:absolute;left:8px;bottom:8px;
  background:rgba(9,14,24,.9);color:#fff;
  padding:3px 8px;border-radius:6px;font-size:.74rem;font-weight:800;
  font-variant-numeric:tabular-nums;
}
.fc-lot-clock.urgent{background:var(--fc-red)}
.fc-lot-title{margin:10px 10px 4px;font-size:.86rem;line-height:1.35;font-weight:700}
.fc-lot-title a{color:var(--fc-text);text-decoration:none}
.fc-lot-title a:hover{color:var(--fc-gold)}
.fc-lot-seller{margin:0 10px 8px;font-size:.72rem;color:var(--fc-muted)}
.fc-lot-seller a{color:var(--fc-muted);text-decoration:none}
.fc-lot-seller a:hover{color:var(--fc-gold)}
.fc-dot{margin:0 4px}
.fc-lot-foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-top:1px solid var(--fc-line)}
.fc-lot-label{display:block;font-size:.66rem;color:var(--fc-muted);margin-bottom:2px}
.fc-lot-price{font-size:.98rem;font-weight:800;color:#fff}
.fc-lot-bids{text-align:right;font-size:.88rem;font-weight:700;color:var(--fc-text)}
.fc-lot-reserve{margin:0;padding:6px 10px;font-size:.7rem;font-weight:700;color:var(--fc-red);background:rgba(224,84,79,.1)}
.fc-lot-reserve.met{color:var(--fc-green);background:rgba(63,191,127,.1)}

/* ----------------------------------------------------------------- store */
.fc-store-card{background:var(--fc-navy-2);border:1px solid var(--fc-line);border-radius:12px;padding:14px}
.fc-store-card h3{margin:0 0 6px;font-size:.92rem}
.fc-store-card h3 a{color:#fff;text-decoration:none}
.fc-store-tag{margin:0 0 8px;font-size:.76rem;color:var(--fc-muted)}
.fc-store-meta{margin:0;font-size:.72rem;color:var(--fc-muted)}

/* ------------------------------------------------------------ right rail */
.fc-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.fc-panel-head h2{margin:0}
.fc-panel-head a{font-size:.78rem;color:var(--fc-blue);text-decoration:none}
.fc-panel-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--fc-line);font-size:.82rem}
.fc-panel-list li:last-child{border-bottom:0}
.fc-panel-list span{color:var(--fc-muted)}
.fc-panel-list strong{color:#fff}
.fc-panel-list li.alert strong{color:var(--fc-gold)}
.fc-lead-list li{padding:8px 0;border-bottom:1px solid var(--fc-line)}
.fc-lead-list li:last-child{border-bottom:0}
.fc-lead-list a{display:block;font-size:.82rem;color:var(--fc-text);text-decoration:none;font-weight:600}
.fc-lead-list span{font-size:.72rem;color:var(--fc-muted)}
.fc-feed li{padding:9px 0;border-bottom:1px solid var(--fc-line)}
.fc-feed li:last-child{border-bottom:0}
.fc-feed p{margin:0 0 2px;font-size:.8rem;color:var(--fc-text)}
.fc-feed a{display:block;font-size:.76rem;color:var(--fc-gold);text-decoration:none}
.fc-feed time{font-size:.68rem;color:var(--fc-muted)}

.fc-empty{margin:0;color:var(--fc-muted);font-size:.84rem}

/* ----------------------------------------------------------------- trust */
.fc-trust{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;
  width:min(1560px,96vw);margin:26px auto 0;padding:22px 0;
  border-top:1px solid var(--fc-line);
}
.fc-trust div{display:flex;flex-direction:column;gap:3px}
.fc-trust strong{font-size:.88rem;color:var(--fc-gold)}
.fc-trust span{font-size:.76rem;color:var(--fc-muted)}

/* -------------------------------------------------------------- browsing */
.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.fc-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.fc-toolbar h1{margin:0;font-size:1.4rem;color:#fff}
.fc-toolbar form{margin-left:auto}
.fc-toolbar select{width:auto;margin:0}

/* ------------------------------------------------------------- lot page */
.fc-lotpage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px;align-items:start}
.fc-lotpage-media img{width:100%;border-radius:var(--fc-radius);border:1px solid var(--fc-line)}
.fc-bidbox{background:var(--fc-panel);border:1px solid var(--fc-line);border-radius:var(--fc-radius);padding:20px}
.fc-bidbox .price{font-size:2rem;font-weight:900;color:#fff;margin:0}
.fc-bidbox .price-label{font-size:.76rem;color:var(--fc-muted);margin:0 0 12px}
.fc-ladder{width:100%;border-collapse:collapse;font-size:.84rem}
.fc-ladder th,.fc-ladder td{padding:9px 8px;border-bottom:1px solid var(--fc-line);text-align:left}
.fc-ladder th{color:var(--fc-muted);font-size:.72rem;font-weight:700}
.fc-ladder tr.leading td{color:var(--fc-green);font-weight:700}
.fc-you{background:var(--fc-blue);color:#fff;padding:1px 6px;border-radius:5px;font-size:.66rem;font-weight:800;margin-left:6px}

/* --------------------------------------------------------------- mobile */
@media(max-width:1200px){
  .fc-shell{grid-template-columns:200px minmax(0,1fr)}
  .fc-rightrail{grid-column:1 / -1}
}
@media(max-width:900px){
  .fc-topbar{grid-template-columns:1fr auto;row-gap:12px}
  .fc-search{grid-column:1 / -1;order:3}
  .fc-nav{grid-column:1 / -1;order:4;overflow-x:auto}
  .fc-shell{grid-template-columns:minmax(0,1fr)}
  .fc-side{order:3}
  .fc-lotpage{grid-template-columns:minmax(0,1fr)}
  .fc-rail-scroll{grid-auto-columns:minmax(158px,1fr)}
}

/* ==========================================================================
   Homepage — stats bar, ticker, feed nav, lot rows
   ========================================================================== */

.fc-statbar{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:2px;background:var(--fc-line);
  border:1px solid var(--fc-line);border-radius:var(--fc-radius);
  overflow:hidden;margin-bottom:12px;
}
.fc-statbar > div{background:var(--fc-panel);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.fc-stat-n{font-size:1.25rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.fc-stat-l{font-size:.7rem;color:var(--fc-muted);text-transform:uppercase;letter-spacing:.04em}

.fc-ticker{
  background:var(--fc-panel);border:1px solid var(--fc-line);
  border-radius:var(--fc-radius);padding:10px 16px;margin-bottom:18px;overflow:hidden;
}
.fc-ticker ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.fc-ticker ul::-webkit-scrollbar{display:none}
.fc-ticker li{white-space:nowrap;font-size:.78rem;color:var(--fc-muted);flex:0 0 auto}
.fc-ticker a{color:var(--fc-gold);text-decoration:none}

.fc-feednav{list-style:none;margin:0;padding:0}
.fc-feednav a{
  display:block;padding:9px 12px;border-radius:9px;color:var(--fc-text);
  font-size:.86rem;font-weight:600;text-decoration:none;margin-bottom:2px;
}
.fc-feednav a:hover{background:var(--fc-navy-2)}
.fc-feednav a.active{background:var(--fc-blue);color:#fff}

.fc-catrail{
  display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:16px;
  scrollbar-width:thin;scrollbar-color:var(--fc-line) transparent;
}
.fc-catrail::-webkit-scrollbar{height:6px}
.fc-catrail::-webkit-scrollbar-thumb{background:var(--fc-line);border-radius:3px}
.fc-catrail a{
  flex:0 0 auto;padding:9px 15px;border-radius:999px;
  background:var(--fc-panel);border:1px solid var(--fc-line);
  color:var(--fc-text);font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;
}
.fc-catrail a:hover{border-color:var(--fc-blue)}
.fc-catrail a.urgent{background:rgba(224,84,79,.12);border-color:var(--fc-red);color:#ffb3b0}

.fc-feedhead{margin-bottom:14px}
.fc-feedhead h1{margin:0;font-size:1.3rem;color:#fff}
.fc-feedhead p{margin:5px 0 0;font-size:.8rem;color:var(--fc-muted);max-width:62ch}

/* ------------------------------------------------------------ lot rows */
.fc-rows{display:flex;flex-direction:column;gap:14px}
.fc-row{
  display:grid;grid-template-columns:240px minmax(0,1fr) 210px;gap:18px;
  background:var(--fc-panel);border:1px solid var(--fc-line);
  border-radius:var(--fc-radius);padding:14px;align-items:start;
}
.fc-row-img{position:relative;display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#0a1120}
.fc-row-img img{width:100%;height:100%;object-fit:cover;display:block}
.fc-row-noimg{position:absolute;inset:0;display:grid;place-items:center;color:#46566f;font-size:.8rem}
.fc-live-badge{
  position:absolute;left:8px;top:8px;background:var(--fc-blue);color:#fff;
  padding:3px 9px;border-radius:6px;font-size:.66rem;font-weight:800;letter-spacing:.06em;
}
.fc-view-badge{
  position:absolute;right:8px;top:8px;background:rgba(9,14,24,.85);color:#fff;
  padding:3px 9px;border-radius:6px;font-size:.7rem;font-weight:700;
}
.fc-row-body h3{margin:0 0 8px;font-size:1.05rem;line-height:1.3}
.fc-row-body h3 a{color:#fff;text-decoration:none}
.fc-row-body h3 a:hover{color:var(--fc-gold)}
.fc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.fc-tags span{
  background:var(--fc-navy-2);border:1px solid var(--fc-line);border-radius:6px;
  padding:3px 9px;font-size:.7rem;color:var(--fc-muted);
}
.fc-row-seller{margin:0 0 12px;font-size:.8rem;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fc-row-seller a{color:var(--fc-text);font-weight:700;text-decoration:none}
.fc-row-seller a:hover{color:var(--fc-gold)}
.fc-stars span{color:#3d4a63;font-size:.85rem}
.fc-stars span.on{color:var(--fc-gold)}
.fc-row-count{color:var(--fc-muted);font-size:.74rem}
.fc-row-stats{display:flex;gap:22px;margin:0;flex-wrap:wrap}
.fc-row-stats dt{font-size:.66rem;color:var(--fc-muted);text-transform:uppercase;letter-spacing:.04em}
.fc-row-stats dd{margin:2px 0 0;font-size:.92rem;font-weight:700;color:var(--fc-text)}

.fc-row-bid{
  background:var(--fc-navy-2);border:1px solid var(--fc-line);
  border-radius:10px;padding:14px;text-align:left;
}
.fc-row-label{margin:0;font-size:.66rem;color:var(--fc-muted);text-transform:uppercase;letter-spacing:.04em}
.fc-row-price{margin:2px 0 10px;font-size:1.5rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.fc-row-leader{margin:2px 0 10px;font-size:.86rem;font-weight:700;color:var(--fc-gold)}
.fc-row-clock{margin:2px 0 12px;font-size:1.05rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.fc-row-clock.urgent{color:var(--fc-red)}
.fc-row-note{margin:7px 0 0;font-size:.68rem;color:var(--fc-muted);text-align:center}

.fc-panel-list li a{display:flex;justify-content:space-between;gap:10px;color:inherit;text-decoration:none;width:100%}
.fc-panel-list li a:hover strong{color:var(--fc-gold)}
.fc-cta{background:linear-gradient(150deg,#13203a,#0e1830)}

/* -------------------------------------------------------- bottom nav */
.fc-bottomnav{
  display:flex;gap:4px;justify-content:center;flex-wrap:wrap;
  width:min(1560px,96vw);margin:26px auto 0;padding:12px 0;
  border-top:1px solid var(--fc-line);
}
.fc-bottomnav a{
  padding:9px 16px;border-radius:9px;color:var(--fc-muted);
  font-size:.82rem;font-weight:700;text-decoration:none;
}
.fc-bottomnav a:hover{color:#fff;background:var(--fc-panel)}
.fc-bottomnav a.active{color:#fff;background:var(--fc-blue)}

@media(max-width:1100px){
  .fc-row{grid-template-columns:180px minmax(0,1fr);}
  .fc-row-bid{grid-column:1 / -1}
}
@media(max-width:640px){
  .fc-row{grid-template-columns:minmax(0,1fr)}
  .fc-statbar{grid-template-columns:repeat(2,1fr)}
}

/* ------------------------------------------------------------- comments */
.fc-comments{list-style:none;margin:0;padding:0}
.fc-comments li{padding:12px 0;border-bottom:1px solid var(--fc-line)}
.fc-comments li:last-child{border-bottom:0}
.fc-comments li.from-seller{background:rgba(47,111,224,.06);border-radius:8px;padding:12px;margin-bottom:6px}
.fc-comment-meta{margin:0 0 5px;font-size:.76rem;color:var(--fc-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fc-comment-meta strong{color:var(--fc-text)}
.fc-comment-tag{background:var(--fc-blue);color:#fff;padding:1px 7px;border-radius:5px;font-size:.64rem;font-weight:800}
.fc-comment-body{margin:0;font-size:.88rem;color:var(--fc-text);line-height:1.6}
.fc-comment-removed{margin:0;font-size:.8rem;color:var(--fc-muted);font-style:italic}
.fc-linkbtn{background:none;border:0;color:var(--fc-muted);font-size:.72rem;cursor:pointer;padding:4px 0;text-decoration:underline}
.fc-linkbtn:hover{color:var(--fc-red)}

/* --------------------------------------------------- header identity chip */
.fc-logo-mark{letter-spacing:.02em}
.fc-me{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.fc-me-id{font-size:.86rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.fc-me-sub{font-size:.66rem;color:var(--fc-muted)}


/* ========================================================================== 
   Create Account — finished public account experience
   ========================================================================== */
.fc-auth-wrap{
  width:min(1080px,94vw);margin:28px auto 42px;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:22px;align-items:stretch;
}
.fc-auth-card,.fc-auth-side{
  background:linear-gradient(180deg,var(--fc-panel),#101827);
  border:1px solid var(--fc-line);border-radius:18px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.fc-auth-card{padding:clamp(24px,4vw,40px)}
.fc-auth-kicker{font-size:.72rem;letter-spacing:.14em;font-weight:900;color:var(--fc-gold);margin-bottom:8px}
.fc-auth-card h1{margin:0;color:#fff;font-size:clamp(1.9rem,4vw,2.65rem);line-height:1.05;letter-spacing:-.025em}
.fc-auth-lead{margin:12px 0 26px;color:var(--fc-muted);font-size:.96rem;max-width:60ch}
.fc-auth-form{display:grid;gap:16px}
.fc-auth-form label{display:grid;gap:7px;margin:0;color:var(--fc-text);font-size:.82rem;font-weight:800}
.fc-auth-form label span{display:block}
.fc-auth-form input{
  width:100%;margin:0;padding:13px 14px;border-radius:10px;
  border:1px solid #34425d;background:#0a1120;color:#fff;
  font-size:1rem;outline:none;transition:border-color .18s,box-shadow .18s;
}
.fc-auth-form input:focus{border-color:var(--fc-blue);box-shadow:0 0 0 3px rgba(47,111,224,.18)}
.fc-auth-form small{font-size:.7rem;color:var(--fc-muted);font-weight:500}
.fc-auth-submit{
  width:100%;min-height:48px;border:0;border-radius:10px;margin-top:2px;
  background:linear-gradient(135deg,var(--fc-gold),#c59122);color:#151006;
  font-weight:900;font-size:.95rem;cursor:pointer;
}
.fc-auth-submit:hover{filter:brightness(1.05)}
.fc-auth-notice{padding:12px 14px;margin:0 0 18px;border-radius:10px;font-size:.84rem}
.fc-auth-notice.error{background:rgba(224,84,79,.12);border:1px solid rgba(224,84,79,.45);color:#ffc0bd}
.fc-auth-captcha{overflow-x:auto}
.fc-auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--fc-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.fc-auth-divider:before,.fc-auth-divider:after{content:"";height:1px;background:var(--fc-line);flex:1}
.fc-auth-secondary{display:block;text-align:center;border:1px solid #34425d;border-radius:10px;padding:12px 14px;color:#fff;text-decoration:none;font-weight:800;background:#0d1524}
.fc-auth-existing{text-align:center;margin:19px 0 0;font-size:.82rem;color:var(--fc-muted)}
.fc-auth-existing a{color:var(--fc-gold);font-weight:800}
.fc-auth-side{padding:clamp(24px,4vw,36px);display:flex;flex-direction:column;justify-content:center}
.fc-auth-side-head{display:flex;gap:15px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--fc-line)}
.fc-auth-number{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:rgba(224,184,77,.13);border:1px solid rgba(224,184,77,.35);color:var(--fc-gold);font-size:1.45rem;font-weight:900}
.fc-auth-side-head strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:5px}
.fc-auth-side-head p{margin:0;color:var(--fc-muted);font-size:.82rem;line-height:1.55}
.fc-auth-benefits{display:grid;gap:0;margin-top:8px}
.fc-auth-benefits div{padding:15px 0;border-bottom:1px solid var(--fc-line)}
.fc-auth-benefits div:last-child{border-bottom:0}
.fc-auth-benefits strong{display:block;color:var(--fc-gold);font-size:.82rem;margin-bottom:3px}
.fc-auth-benefits span{display:block;color:var(--fc-muted);font-size:.76rem;line-height:1.5}

/* Automatic feed loading */
.fc-feed-sentinel{
  min-height:70px;margin-top:16px;border:1px dashed var(--fc-line);border-radius:12px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:var(--fc-muted);font-size:.78rem;background:rgba(17,26,43,.45);
}
.fc-feed-spinner{display:none;width:18px;height:18px;border:2px solid #42516b;border-top-color:var(--fc-gold);border-radius:50%}
.fc-feed-sentinel.loading .fc-feed-spinner{display:block;animation:fc-spin .75s linear infinite}
.fc-feed-sentinel.finished{border-style:solid;opacity:.8}
@keyframes fc-spin{to{transform:rotate(360deg)}}

@media(max-width:800px){
  .fc-auth-wrap{grid-template-columns:1fr;margin-top:18px}
  .fc-auth-side{order:2}
}
@media(max-width:560px){
  .fc-auth-wrap{width:min(94vw,520px);gap:14px}
  .fc-auth-card,.fc-auth-side{border-radius:14px}
  .fc-auth-card{padding:22px 18px}
  .fc-auth-side{padding:22px 18px}
}

/* ========================================================================== 
   v0.5.4 — Mockup-aligned auction network shell
   ========================================================================== */
:root{
  --fc-navy:#050b16;--fc-navy-2:#091426;--fc-panel:#0a1424;--fc-line:#233451;
  --fc-text:#eef4ff;--fc-muted:#9ba9bd;--fc-gold:#ffc12f;--fc-blue:#086cff;
  --fc-green:#16a34a;--fc-red:#dc2626;--fc-radius:12px;
}
body{background:radial-gradient(circle at 50% -10%,#132c55 0,#07111f 28%,#030812 72%);min-height:100vh}
.fc-main{width:min(1880px,97vw);padding:18px 0 8px}
.fc-topbar{width:min(1880px,97vw);margin:14px auto 0;border:1px solid #12243d;border-radius:15px;background:linear-gradient(180deg,#050b15,#030914);grid-template-columns:330px minmax(360px,1fr) auto;gap:22px;padding:15px 20px;box-shadow:0 15px 45px rgba(0,0,0,.32)}
.fc-logo-mark{font-size:2.15rem;letter-spacing:.03em}.fc-logo-b{color:#1476ff}.fc-logo small{color:#7fa9e8;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem}
.fc-search{height:50px;border-radius:13px;box-shadow:0 5px 20px rgba(0,0,0,.22)}
.fc-search input{font-size:.94rem;padding-left:18px}.fc-search select{display:none}.fc-search button{margin:6px;border-radius:10px;padding:0 25px;background:linear-gradient(180deg,#1680ff,#0665e7)}
.fc-nav{display:none}.fc-account{justify-content:flex-end;gap:18px}.fc-icon{color:#fff;font-weight:600}.fc-me{min-width:190px;text-align:left;background:#0c1829;border:1px solid #152842;border-radius:12px;padding:10px 16px}.fc-me-sub{margin-top:3px}

.fc-statbar{grid-template-columns:repeat(6,1fr);background:#d7dde8;border:0;border-radius:15px;margin-bottom:0;color:#0a1020;box-shadow:0 6px 20px rgba(0,0,0,.16)}
.fc-statbar>div{position:relative;background:#f7f9fd;padding:16px 12px 14px 55px;min-height:78px;justify-content:center;border-right:1px solid #d9dee8}.fc-statbar>div:last-child{border-right:0}.fc-stat-icon{position:absolute;left:17px;top:18px;width:30px;height:30px;display:grid;place-items:center;color:#15346f;font-weight:900;font-size:1.28rem}.fc-stat-n{color:#0b1020;font-size:1.18rem}.fc-stat-l{color:#26344b;font-size:.62rem;font-weight:800}.fc-ticker{border:0;border-radius:0 0 12px 12px;margin:-1px 12px 14px;background:#f1f4f9;color:#111;padding:8px 18px}.fc-ticker li{color:#1d2939;font-size:.72rem}.fc-ticker a{color:#123d88;font-weight:700}

.fc-shell{grid-template-columns:265px minmax(620px,1fr) 330px;gap:16px}
.fc-side,.fc-rightrail{position:sticky;top:12px;align-self:start}.fc-side-block,.fc-panel{background:linear-gradient(180deg,#091526,#06101d);border-color:#263a58;border-radius:13px;padding:13px;margin-bottom:12px;box-shadow:0 7px 22px rgba(0,0,0,.18)}
.fc-feednav a{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:.84rem}.fc-feednav a.active{background:linear-gradient(90deg,#0874ff,#055ddb);box-shadow:0 6px 16px rgba(0,101,255,.25)}.fc-nav-icon{width:23px;text-align:center;font-size:1rem}
.fc-panel-head{border-bottom:1px solid #1e304b;padding-bottom:8px}.fc-panel-head h2,.fc-side-block h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.fc-side-block li a{padding:8px;color:#f2f6fd}.fc-side-block li a span{color:#92a6c4}.fc-cta{background:linear-gradient(145deg,#073270,#061a37)!important;border-color:#0d56b7!important}

.fc-centre{background:#f6f7fb;border:1px solid #d6dce6;border-radius:13px;padding:0;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.fc-catrail{margin:0;padding:12px 10px 10px;background:#f7f9fc;border-bottom:1px solid #d8dee8;gap:0;overflow-x:auto}.fc-catrail a{min-width:92px;border:0;border-right:1px solid #d8dee8;border-radius:0;background:transparent;color:#111827;padding:5px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:700}.fc-catrail a:last-child{border-right:0}.fc-catrail a.urgent{background:transparent;color:#111827}.fc-cat-icon{font-size:1.55rem;line-height:1.35}
.fc-feedhead{display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;background:#eef3fb;border-bottom:1px solid #dbe1eb}.fc-feed-title-icon{display:none}.fc-feedhead h1{font-size:.94rem;color:#10213d;margin:0}.fc-feedhead p{margin-left:auto;color:#60708a;font-size:.68rem;max-width:none}.fc-rows{gap:0}

.fc-row{grid-template-columns:minmax(300px,38%) minmax(260px,1fr) 210px;gap:16px;background:#f8f9fc;border:0;border-bottom:1px solid #d9dee8;border-radius:0;padding:9px 12px;min-height:245px;color:#111827}.fc-row:last-child{border-bottom:0}.fc-row-img{aspect-ratio:auto;height:226px;border-radius:8px;background:#d9e0ea}.fc-row-body{padding:10px 0}.fc-row-body h3{font-size:1.2rem;margin-bottom:8px}.fc-row-body h3 a{color:#0d1422}.fc-row-body h3 a:hover{color:#075fd4}.fc-tags span{background:#edf0f5;border-color:#cbd2dd;color:#1f2937;padding:3px 9px}.fc-row-seller{color:#182234;align-items:center}.fc-row-seller a{color:#14213a}.fc-seller-avatar{width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;border:3px solid #dde3eb}.fc-row-seller>span:nth-child(2){display:flex;flex-direction:column;gap:1px}.fc-verified{display:block;color:#16833e;font-size:.62rem;font-weight:900;letter-spacing:.025em}.fc-stars span{color:#c8cdd5}.fc-stars span.on{color:#f0b400}.fc-row-count{color:#5e6878}.fc-row-stats{margin-top:22px;gap:0}.fc-row-stats>div{min-width:82px;padding-right:15px;margin-right:15px;border-right:1px solid #d7dce5;text-align:center}.fc-row-stats>div:last-child{border-right:0}.fc-row-stats dt{color:#526176}.fc-row-stats dd{color:#101827;font-size:.9rem}.fc-row-bid{height:100%;border:0;border-left:1px solid #d4dbe5;border-radius:0;background:transparent;color:#111;padding:16px 8px 8px 16px}.fc-row-label{color:#445168}.fc-row-price{color:#08111f;font-size:1.6rem}.fc-row-leader{color:#16833e}.fc-row-clock{color:#111827;font-size:1.1rem}.fc-row-clock.urgent{color:#c91f1f}.fc-row-bid .fc-btn{background:linear-gradient(180deg,#147cff,#0563df);border-radius:7px;padding:9px 12px;box-shadow:0 5px 12px rgba(0,103,238,.18)}.fc-row-note{color:#465469}.fc-live-badge{background:#0876ff}.fc-view-badge{background:rgba(8,15,25,.78)}
.fc-feed-sentinel{margin:0;border:0;border-top:1px solid #d7dee9;border-radius:0;background:#eef2f7;color:#66758b;min-height:52px}.fc-feed-spinner{border-color:#b5c1d1;border-top-color:#0874ff}

.fc-rightrail .fc-panel{padding:14px}.fc-feed p{color:#f3f6fb}.fc-feed time{color:#8fa0b8}.fc-feed a{color:#7fb0ff}.fc-panel-list span{color:#d5dfed}.fc-panel-list strong{background:#076cff;color:#fff;min-width:26px;height:22px;padding:2px 7px;border-radius:11px;text-align:center}.fc-panel .fc-btn{background:linear-gradient(180deg,#147cff,#0563df)}
.fc-trust{display:none}.fc-bottomnav{position:sticky;bottom:0;z-index:20;width:min(1880px,97vw);background:rgba(4,10,20,.96);backdrop-filter:blur(12px);border:1px solid #1f334f;border-radius:12px 12px 0 0;margin-top:8px;padding:8px}.fc-bottomnav a{min-width:105px;text-align:center;color:#d5deea}.fc-bottomnav a.active{background:#0d1a2d;color:#1680ff}.site-footer{padding:15px;color:#71819a;font-size:.72rem}

@media(max-width:1450px){.fc-shell{grid-template-columns:225px minmax(560px,1fr) 285px}.fc-row{grid-template-columns:minmax(260px,36%) minmax(230px,1fr) 185px}.fc-row-img{height:205px}}
@media(max-width:1180px){.fc-topbar{grid-template-columns:260px 1fr}.fc-account{grid-column:1/-1}.fc-shell{grid-template-columns:210px minmax(0,1fr)}.fc-rightrail{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:static}.fc-statbar{grid-template-columns:repeat(3,1fr)}.fc-row{grid-template-columns:260px minmax(0,1fr)}.fc-row-bid{grid-column:1/-1;border-left:0;border-top:1px solid #d7dee8;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.fc-row-bid .fc-btn{margin:0}.fc-row-note{display:none}}
@media(max-width:820px){.fc-topbar{grid-template-columns:1fr;margin-top:0;width:100%;border-radius:0}.fc-search,.fc-account{grid-column:auto}.fc-shell{grid-template-columns:1fr}.fc-side,.fc-rightrail{position:static}.fc-side{order:2}.fc-rightrail{order:3;grid-template-columns:1fr}.fc-centre{order:1}.fc-statbar{grid-template-columns:repeat(2,1fr)}.fc-feedhead p{display:none}.fc-row{grid-template-columns:1fr}.fc-row-img{height:auto;aspect-ratio:16/10}.fc-row-bid{grid-column:auto;grid-template-columns:1fr 1fr;border-top:1px solid #d7dee8}.fc-bottomnav{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}.fc-bottomnav a{min-width:86px}.fc-logo{text-align:center;align-items:center}}

/* ========================================================================== 
   v0.5.5 — brighter network shell + seller studio + overflow repair
   ========================================================================== */
body{background:linear-gradient(135deg,#071b3e 0,#0b3774 42%,#0878d7 100%) fixed;color:var(--fc-text)}
.fc-topbar{background:linear-gradient(115deg,#071326 0,#092a55 58%,#073c72 100%);border-color:#2e69a8;box-shadow:0 16px 42px rgba(0,24,64,.3)}
.fc-logo-b{color:#36a2ff}.fc-logo small{color:#acd6ff}.fc-me{background:linear-gradient(145deg,#102e52,#0d457c);border-color:#3279ba}.fc-cta{background:linear-gradient(180deg,#1aa8ff,#0874f7)!important;border-color:#61c8ff!important;color:#fff!important}
.fc-statbar{overflow:hidden;background:#fff}.fc-statbar>div:nth-child(1){border-top:5px solid #ff6b35}.fc-statbar>div:nth-child(2){border-top:5px solid #7c5cff}.fc-statbar>div:nth-child(3){border-top:5px solid #00a6fb}.fc-statbar>div:nth-child(4){border-top:5px solid #ff3b5c}.fc-statbar>div:nth-child(5){border-top:5px solid #10b981}.fc-statbar>div:nth-child(6){border-top:5px solid #f5b700}
.fc-side-block,.fc-panel{background:linear-gradient(180deg,#0b2e57,#071c36);border-color:#2d69a2}.fc-feednav a{color:#edf7ff}.fc-feednav a.active{background:linear-gradient(90deg,#159cff,#0067ff)}
.fc-centre{background:#fff;border-color:#c8d7e8}.fc-catrail{background:linear-gradient(180deg,#fff,#eef6ff)}.fc-catrail a:nth-child(2) .fc-cat-icon{filter:saturate(1.25)}.fc-catrail a:nth-child(3){color:#b37a00}.fc-catrail a:nth-child(4){color:#8b5cf6}.fc-catrail a:nth-child(5){color:#e11d48}.fc-catrail a:nth-child(6){color:#16a34a}.fc-catrail a:nth-child(7){color:#f97316}.fc-catrail a:nth-child(8){color:#2563eb}
.fc-row:nth-child(odd){background:#fff}.fc-row:nth-child(even){background:#f2f8ff}.fc-row{overflow:hidden}.fc-row-body,.fc-row-bid{min-width:0}.fc-row-body h3,.fc-row-seller,.fc-tags{overflow-wrap:anywhere}.fc-row-bid .fc-btn{background:linear-gradient(90deg,#087cff,#02a6ff)}
.fc-rightrail .fc-panel:first-child{border-top:4px solid #1bc5ff}.fc-rightrail .fc-panel:nth-child(2){border-top:4px solid #8b5cf6}.fc-panel-list strong{background:linear-gradient(180deg,#159cff,#066bf0)}
.fc-bottomnav{position:relative;bottom:auto;background:linear-gradient(90deg,#06162b,#0a3260);border-color:#3478b3;margin-bottom:0}.site-footer{background:#061426;margin-top:0}

/* Seller Studio */
.fc-sell-page{width:min(1500px,96vw);margin:4px auto 30px}.fc-sell-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:24px 28px;background:linear-gradient(120deg,#ffffff,#eaf6ff);border-radius:18px 18px 0 0;color:#0c2340;border-bottom:1px solid #c8dceb}.fc-sell-kicker{display:inline-block;color:#0878e8;font-size:.7rem;font-weight:900;letter-spacing:.16em}.fc-sell-hero h1{margin:4px 0 5px;font-size:2rem}.fc-sell-hero p{margin:0;color:#5d718b}.fc-sell-steps{display:flex;gap:8px;flex-wrap:wrap}.fc-sell-steps span{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#e5edf7;color:#607189;font-size:.72rem;font-weight:800}.fc-sell-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#c8d5e5;color:#29415e}.fc-sell-steps .active{background:#ddecff;color:#086fe0}.fc-sell-steps .active b{background:#087df0;color:white}
.fc-sell-form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:18px;background:#eaf2fa;border-radius:0 0 18px 18px}.fc-sell-main{display:grid;gap:16px}.fc-sell-card{background:#fff;border:1px solid #ccdae8;border-radius:15px;padding:20px;color:#13243a;box-shadow:0 6px 18px rgba(41,81,122,.06)}.fc-sell-card-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e3eaf2;padding-bottom:14px;margin-bottom:16px}.fc-sell-card-head h2{margin:0;font-size:1.05rem}.fc-sell-card-head p{margin:3px 0 0;color:#718198;font-size:.75rem}.fc-sell-icon{width:38px;height:38px;border-radius:11px;background:#e7f2ff;color:#0879ef;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.fc-sell-icon.photo{background:#eee9ff;color:#7c3aed}.fc-sell-icon.green{background:#dcfce7;color:#16a34a}.fc-sell-icon.gold{background:#fff4cc;color:#c98b00}.fc-sell-icon.red{background:#ffe4e8;color:#e11d48}
.fc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fc-span-2{grid-column:1/-1}.fc-field{display:grid;gap:7px;margin:0}.fc-field>span{font-size:.74rem;font-weight:800;color:#30445d}.fc-field em{color:#ef4444;font-style:normal}.fc-field small{font-weight:500;color:#8391a4}.fc-field input,.fc-field select,.fc-field textarea{width:100%;box-sizing:border-box;border:1px solid #c9d6e4;border-radius:9px;padding:11px 12px;background:#fafeff;color:#15263d;font:inherit;outline:none}.fc-field textarea{resize:vertical;min-height:130px}.fc-field input:focus,.fc-field select:focus,.fc-field textarea:focus{border-color:#1689f6;box-shadow:0 0 0 3px rgba(22,137,246,.12)}.fc-money{display:flex;border:1px solid #c9d6e4;border-radius:9px;overflow:hidden;background:#fafeff}.fc-money:focus-within{border-color:#1689f6;box-shadow:0 0 0 3px rgba(22,137,246,.12)}.fc-money i{font-style:normal;padding:11px 0 11px 12px;color:#56708f}.fc-money input{border:0!important;box-shadow:none!important;border-radius:0;padding-left:5px}
.fc-check{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid #cfe0ef;border-radius:10px;background:#f6fbff;color:#17324f}.fc-check input{width:18px;height:18px;accent-color:#0a83ef}.fc-check span{display:grid;gap:2px}.fc-check strong{font-size:.78rem}.fc-check small{font-size:.7rem;color:#74869b}.fc-help{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:#fff7dd;color:#765a00;font-size:.72rem}
.fc-photo-drop{position:relative;min-height:260px;border:2px dashed #9abce0;border-radius:14px;background:linear-gradient(145deg,#f9fcff,#eef7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;overflow:hidden;color:#25415f}.fc-photo-drop:hover{border-color:#0a85f2;background:#f4faff}.fc-photo-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:3}.fc-upload-symbol{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#148cff,#675cff);color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 8px 20px rgba(26,112,241,.25)}.fc-photo-drop strong{font-size:1rem}.fc-photo-drop small{color:#718299}.fc-upload-button{margin-top:4px;background:#087cf0;color:#fff;padding:9px 18px;border-radius:8px;font-size:.75rem;font-weight:800}.fc-photo-drop img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.fc-photo-drop img.show{display:block}.fc-photo-drop img.show~.fc-upload-symbol,.fc-photo-drop img.show~strong,.fc-photo-drop img.show~small,.fc-photo-drop img.show~.fc-upload-button{opacity:0}
.fc-sell-aside{display:grid;align-content:start;gap:14px}.fc-sell-preview,.fc-sell-tip{background:linear-gradient(155deg,#0a315e,#071b35);border:1px solid #2d6aa4;border-radius:15px;padding:16px;color:#fff}.fc-preview-label{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#55c8ff}.fc-preview-image{height:190px;margin:11px 0;border-radius:11px;background:linear-gradient(135deg,#183f69,#0b2645);background-size:cover;background-position:center;display:grid;place-items:center;color:#7694b3;font-size:.7rem;letter-spacing:.15em}.fc-preview-image.has-image span{display:none}.fc-sell-preview h3{margin:0 0 13px;font-size:1.05rem;overflow-wrap:anywhere}.fc-preview-price{display:flex;justify-content:space-between;align-items:end;padding:12px 0;border-top:1px solid #285076;border-bottom:1px solid #285076}.fc-preview-price small{color:#9bc0df;font-size:.64rem}.fc-preview-price strong{font-size:1.35rem;color:#fff}.fc-preview-badges{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px}.fc-preview-badges span{background:#0d4a46;color:#8dffcd;padding:6px 8px;border-radius:7px;font-size:.64rem;font-weight:800}.fc-sell-tip b{color:#79d5ff}.fc-sell-tip p{margin:7px 0 0;color:#bad0e4;font-size:.73rem;line-height:1.55}.fc-sell-tip.safe{background:linear-gradient(155deg,#123d35,#082b28);border-color:#287765}.fc-sell-tip.safe b{color:#72efc0}
.fc-sell-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding:4px}.fc-save{min-width:180px;background:linear-gradient(90deg,#087cf0,#00a5ff)!important;box-shadow:0 8px 18px rgba(0,119,238,.25)}
@media(max-width:1000px){.fc-sell-form{grid-template-columns:1fr}.fc-sell-aside{grid-template-columns:1fr 1fr}.fc-sell-preview{grid-row:span 2}.fc-sell-hero{align-items:flex-start;flex-direction:column}.fc-sell-steps{width:100%}}
@media(max-width:650px){.fc-sell-page{width:100%;margin-top:0}.fc-sell-hero,.fc-sell-form{border-radius:0}.fc-sell-form{padding:10px}.fc-field-grid{grid-template-columns:1fr}.fc-span-2{grid-column:auto}.fc-sell-aside{grid-template-columns:1fr}.fc-sell-preview{grid-row:auto}.fc-sell-steps span{font-size:0}.fc-sell-steps span b{font-size:.72rem}.fc-sell-actions{position:sticky;bottom:0;background:#eaf2fa;padding:10px;z-index:5}}

/* FroCore Media Uploader — v0.5.6 */
.fc-media-uploader-card{overflow:visible}
.fc-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 14px;padding:12px 14px;border:1px solid #dce8f4;border-radius:12px;background:#f8fbff}
.fc-media-toolbar>div{display:flex;flex-direction:column;gap:2px}.fc-media-toolbar strong{color:#17304b;font-size:.9rem}.fc-media-toolbar span{color:#708399;font-size:.72rem}
.fc-media-add{border:0;border-radius:9px;background:#e6f2ff;color:#087cf0;padding:9px 13px;font-weight:800;cursor:pointer}.fc-media-add:hover{background:#d8ecff}
.fc-media-drop{position:relative;min-height:230px;border:2px dashed #8fb9e5;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#eef7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;color:#25415f;transition:.18s ease}
.fc-media-drop:hover,.fc-media-drop.is-dragover{border-color:#087cf0;background:#eaf5ff;box-shadow:0 0 0 4px rgba(8,124,240,.08)}
.fc-media-drop.has-files{min-height:145px}.fc-media-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fc-media-drop strong{font-size:1.05rem}.fc-media-drop small{color:#718299}.fc-media-drop .fc-upload-button{pointer-events:none}
.fc-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.fc-media-grid:empty{display:none}
.fc-media-thumb{position:relative;border:1px solid #dce6f1;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(24,55,88,.08);cursor:grab}.fc-media-thumb.dragging{opacity:.55}.fc-media-thumb>img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;background:#edf3f8}
.fc-media-thumb-top{position:absolute;inset:7px 7px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.fc-cover-badge{background:#087cf0;color:#fff;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:900;letter-spacing:.06em;box-shadow:0 2px 7px rgba(0,0,0,.2)}
.fc-media-remove{pointer-events:auto;width:27px;height:27px;border:0;border-radius:50%;background:rgba(13,27,43,.85);color:#fff;font-size:1.15rem;line-height:1;cursor:pointer}.fc-media-remove:hover{background:#d9344a}
.fc-media-thumb-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px}.fc-media-thumb-actions strong{font-size:.68rem;color:#087cf0}.fc-drag-handle{font-size:.64rem;color:#73849a;font-weight:700}.fc-make-cover{border:0;background:transparent;color:#087cf0;font-size:.66rem;font-weight:800;cursor:pointer;padding:2px}.fc-make-cover:hover{text-decoration:underline}
.fc-media-help{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:11px;background:#fff8df;border:1px solid #f4df8f;color:#5c4a15}.fc-media-help>span{font-size:1rem}.fc-media-help div{display:flex;flex-direction:column;gap:2px}.fc-media-help strong{font-size:.76rem}.fc-media-help small{font-size:.7rem;color:#7e6b34;line-height:1.4}
.fc-lot-gallery-main{border-radius:16px;overflow:hidden;background:#0e1825}.fc-lot-gallery-main img{display:block;width:100%;max-height:620px;object-fit:contain;background:#0e1825}.fc-lot-gallery-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.fc-lot-gallery-thumbs button{flex:0 0 84px;padding:0;border:2px solid transparent;border-radius:10px;background:#182536;overflow:hidden;cursor:pointer}.fc-lot-gallery-thumbs button.active{border-color:#168cff}.fc-lot-gallery-thumbs img{display:block;width:100%;height:65px;object-fit:cover}
@media(max-width:900px){.fc-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.fc-media-toolbar{align-items:flex-start}.fc-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-media-drop{min-height:195px;padding:20px}.fc-media-thumb-actions{align-items:flex-start;flex-direction:column}.fc-media-add{white-space:nowrap}}

/* Custom brand logo support */
.fc-logo.has-custom-logo{display:flex;align-items:center;min-width:150px}.fc-custom-logo{display:block;max-width:220px;max-height:54px;width:auto;height:auto;object-fit:contain}@media(max-width:760px){.fc-custom-logo{max-width:165px;max-height:44px}}

/* ========================================================================== 
   v0.6.0 — header logo visibility + layout containment repair
   ========================================================================== */
/* A portrait/square source image often contains generous artwork margins.
   When detected by the PHP layout, crop the canvas into the header slot so
   the actual mark remains readable instead of shrinking to thumbnail size. */
.fc-logo.has-custom-logo{width:300px;min-width:300px;height:64px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;border-radius:10px}
.fc-custom-logo{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;object-position:center}
.fc-custom-logo.fc-custom-logo-crop{width:100%;height:62px;max-width:none;max-height:none;object-fit:cover;object-position:center}

/* Keep every grid/flex child inside its own column. */
.fc-shell>*,.fc-centre>*,.fc-row>*,.fc-topbar>*,.fc-statbar>*{min-width:0;max-width:100%}
.fc-centre,.fc-side,.fc-rightrail,.fc-panel,.fc-side-block,.fc-row,.fc-row-body,.fc-row-bid{overflow-wrap:anywhere}

/* Feed navigation inherited justify-content:space-between from generic side
   links, which pushed labels toward the next column. Keep icon + label together. */
.fc-feednav a{justify-content:flex-start!important;width:100%;overflow:hidden}
.fc-feednav a .fc-nav-icon{flex:0 0 24px}
.fc-feednav a span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}

/* Collections still use two-column label/count behavior. */
.fc-side-block:not(:has(.fc-feednav)) li a{min-width:0}
.fc-side-block:not(:has(.fc-feednav)) li a>span{flex:0 0 auto}

/* The category rail is a deliberate horizontal scroller.  Constrain it to the
   centre card so the last category can never paint underneath the right rail. */
.fc-catrail{display:flex;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.fc-catrail a{flex:0 0 104px;min-width:104px;max-width:104px;overflow:hidden}
.fc-catrail a span:last-child{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}

/* Prevent long auction titles, IDs, locations and metrics from escaping cards. */
.fc-row-body h3,.fc-row-body h3 a,.fc-row-seller,.fc-row-count,.fc-row-stats dd,.fc-row-bid p{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.fc-row-stats{min-width:0;flex-wrap:wrap}
.fc-row-stats>div{min-width:68px;max-width:100%;flex:1 1 68px;margin-right:0;padding:0 10px}
.fc-row-bid{overflow:hidden}
.fc-row-bid .fc-btn{max-width:100%;white-space:normal}
.fc-feedhead{min-width:0;overflow:hidden}
.fc-feedhead h1{flex:0 0 auto}.fc-feedhead p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Stat labels stay inside their tiles at browser zoom levels above 100%. */
.fc-statbar>div{overflow:hidden}.fc-stat-n,.fc-stat-l{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fc-stat-l{white-space:normal;line-height:1.25}

@media(max-width:1450px){
  .fc-logo.has-custom-logo{width:255px;min-width:255px;height:58px}
  .fc-custom-logo.fc-custom-logo-crop{height:56px}
  .fc-catrail a{flex-basis:96px;min-width:96px;max-width:96px}
}
@media(max-width:820px){
  .fc-logo.has-custom-logo{width:min(300px,88vw);min-width:0;margin-inline:auto}
  .fc-custom-logo.fc-custom-logo-crop{height:56px}
}

/* ========================================================================== 
   v0.6.1 — lightened header, hard overflow containment, readable site footer
   ========================================================================== */
/* Header: keep the premium blue shell, but lift it away from near-black. */
.fc-topbar{
  background:linear-gradient(105deg,#123c70 0%,#0d3565 48%,#154b82 100%);
  border-color:#367db8;
  box-shadow:0 10px 28px rgba(1,20,45,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
.fc-me{background:rgba(8,34,66,.72);border-color:#4d86b8}
.fc-icon{color:#f7fbff}.fc-logo small{color:#b8d9ff}

/* Desktop layout: side rails stay useful but the auction feed gets priority. */
.fc-shell{
  grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(245px,285px);
  gap:14px;
  width:100%;
}
.fc-centre,.fc-side,.fc-rightrail{min-width:0}
.fc-centre{contain:layout paint}

/* No navigation or category label is allowed to paint outside its own box. */
.fc-feednav li,.fc-feednav a{min-width:0;max-width:100%}
.fc-feednav a span:last-child{white-space:normal;line-height:1.2;overflow:hidden;text-overflow:clip}
.fc-side-block ul,.fc-panel ul{min-width:0;overflow:hidden}

/* Category rail: fixed cards, two-line labels, horizontal scrolling only. */
.fc-catrail{display:flex;flex-wrap:nowrap;max-width:100%;width:100%;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:9px}
.fc-catrail a{flex:0 0 112px;min-width:112px;max-width:112px;min-height:72px;justify-content:center;overflow:hidden;padding:6px 8px}
.fc-catrail a span:last-child{
  display:-webkit-box;width:100%;min-height:2.35em;line-height:1.15;text-align:center;
  white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* Feed heading text now wraps inside the centre panel instead of running at the rail. */
.fc-feedhead{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:center}
.fc-feedhead h1{grid-column:1;white-space:nowrap}
.fc-feedhead p{grid-column:2;min-width:0;max-width:100%;margin:0;text-align:right;white-space:normal;line-height:1.3;overflow:hidden}

/* Auction cards: use bounded grid areas and let text wrap naturally. */
.fc-row{
  grid-template-columns:minmax(235px,34%) minmax(0,1fr) minmax(170px,190px);
  gap:14px;width:100%;max-width:100%;overflow:hidden;
}
.fc-row-img,.fc-row-body,.fc-row-bid{min-width:0;max-width:100%;overflow:hidden}
.fc-row-body{overflow-wrap:break-word;word-break:normal}
.fc-row-body h3{max-width:100%;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.18}
.fc-row-body h3 a{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word}
.fc-tags{display:flex;flex-wrap:wrap;max-width:100%}.fc-tags span{max-width:100%;white-space:normal}
.fc-row-seller{display:flex;flex-wrap:wrap;max-width:100%;gap:8px}
.fc-row-seller>*{min-width:0;max-width:100%}
.fc-row-stats{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));width:100%;max-width:100%;overflow:hidden}
.fc-row-stats>div{min-width:0!important;width:auto!important;padding:0 6px!important;margin:0!important}
.fc-row-stats dt,.fc-row-stats dd{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-row-bid{padding-left:14px}.fc-row-price{font-size:clamp(1.25rem,1.8vw,1.55rem);overflow-wrap:anywhere}

/* Right rail content must remain inside the rail even with long activity strings. */
.fc-rightrail,.fc-rightrail .fc-panel,.fc-feed,.fc-feed li,.fc-feed p,.fc-feed a,.fc-panel-list li,.fc-panel-list a{min-width:0;max-width:100%;overflow-wrap:anywhere}
.fc-panel-list a{display:flex;gap:8px;align-items:center}.fc-panel-list a span{min-width:0;flex:1}

/* Footer: turn the tiny utility links into a readable, deliberate site map. */
.site-footer{
  width:min(1880px,97vw);margin:0 auto;padding:30px 28px 34px;
  background:linear-gradient(135deg,#0b2a50,#0d3b6d);border:1px solid #3479b3;border-top:3px solid #168cff;
  border-radius:0 0 16px 16px;color:#dbeeff;font-size:1rem;text-align:left;
}
.fc-footer-brand{font-size:1.05rem;color:#fff;margin:0 0 20px;font-weight:800;letter-spacing:.01em}
.fc-footer-links{
  display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:10px 18px;
  justify-content:stretch;align-items:stretch;
}
.fc-footer-links a{
  display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid rgba(150,205,255,.22);
  border-radius:9px;background:rgba(4,22,43,.32);color:#f5fbff!important;opacity:1!important;
  font-size:.94rem!important;font-weight:700;line-height:1.2;text-decoration:none!important;
}
.fc-footer-links a:hover,.fc-footer-links a:focus{background:#126bc0;border-color:#68b9ff;transform:translateY(-1px)}

@media(max-width:1450px){
  .fc-shell{grid-template-columns:200px minmax(0,1fr) 255px}
  .fc-row{grid-template-columns:minmax(220px,32%) minmax(0,1fr) 175px}
  .fc-catrail a{flex-basis:105px;min-width:105px;max-width:105px}
  .fc-footer-links{grid-template-columns:repeat(4,minmax(130px,1fr))}
}
@media(max-width:1180px){
  .fc-shell{grid-template-columns:190px minmax(0,1fr)}
  .fc-row{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}
  .fc-row-bid{grid-column:1/-1;overflow:visible}
  .fc-footer-links{grid-template-columns:repeat(3,minmax(130px,1fr))}
}
@media(max-width:820px){
  .fc-topbar{background:linear-gradient(180deg,#14467d,#0d315d)}
  .fc-shell{grid-template-columns:minmax(0,1fr)}
  .fc-feedhead{grid-template-columns:1fr}.fc-feedhead h1,.fc-feedhead p{grid-column:1;text-align:left}.fc-feedhead p{display:block!important}
  .fc-row{grid-template-columns:minmax(0,1fr)}
  .fc-row-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}
  .fc-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .site-footer{width:100%;padding:24px 16px;border-radius:0}
  .fc-footer-links{grid-template-columns:1fr}
  .fc-footer-links a{font-size:1rem!important;min-height:48px}
}