/**
 * Wholesale Inventory hub — scoped page styles only.
 * Shared ar-hero / split / buttons live in category-fixes.css
 */
.atlas-inventory-hub{
  --y:#f4c400;
  --yd:#d4a800;
  --ys:#fff8cc;
  --k:#0b0b0c;
  --bg:#f5f5f2;
  --mut:#676761;
  --line:#deded7;
  --soft:0 14px 38px rgba(0,0,0,.07);
  --shadow:0 24px 70px rgba(0,0,0,.12);
  isolation:isolate;
  background:#fff;
  color:#171717;
}

.atlas-inventory-hub .wrap{width:min(1280px,calc(100% - 40px));margin:auto}
.atlas-inventory-hub section{padding:84px 0}
.atlas-inventory-hub .soft{background:var(--bg)}
.atlas-inventory-hub .dark{background:var(--k);color:#fff}
.atlas-inventory-hub .dark h2,
.atlas-inventory-hub .dark h3{color:#fff}
.atlas-inventory-hub .dark p{color:#bdbdb8}
.atlas-inventory-hub .center{text-align:center;max-width:860px;margin:0 auto 36px}
.atlas-inventory-hub .center p{color:var(--mut)}
.atlas-inventory-hub .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.atlas-inventory-hub .head p{max-width:480px;color:var(--mut)}
.atlas-inventory-hub .split-grid.reverse{direction:rtl}
.atlas-inventory-hub .split-grid.reverse > *{direction:ltr}

/* Icon strip */
.atlas-inventory-hub .wi-icon-strip{
  background:var(--k);color:#fff;border-bottom:5px solid var(--y);padding:0
}
.atlas-inventory-hub .wi-icon-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.atlas-inventory-hub .wi-icon{
  padding:23px 17px;border-right:1px solid #29292d;
  display:flex;gap:11px;align-items:flex-start;transition:.25s
}
.atlas-inventory-hub .wi-icon:last-child{border-right:0}
.atlas-inventory-hub .wi-icon:hover{background:#171719}
.atlas-inventory-hub .wi-icon i{color:var(--y);width:20px;height:20px;flex:0 0 auto}
.atlas-inventory-hub .wi-icon b{display:block;font-size:12px;font-weight:700}
.atlas-inventory-hub .wi-icon small{display:block;color:#aaa;font-size:11px;margin-top:3px;line-height:1.4}

/* Business cards */
.atlas-inventory-hub .wi-business-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px
}
.atlas-inventory-hub .wi-business{
  background:#fff;border:1px solid var(--line);padding:20px;border-radius:10px;transition:.28s
}
.atlas-inventory-hub .wi-business:hover{transform:translateY(-5px);box-shadow:var(--soft)}
.atlas-inventory-hub .wi-business i{color:var(--yd);width:20px;height:20px}
.atlas-inventory-hub .wi-business h3{font-size:15px;margin:13px 0 6px;font-family:var(--sans)!important}
.atlas-inventory-hub .wi-business p{font-size:12px;color:var(--mut);margin:0;line-height:1.45}

/* Detail / condition / buy / benefit */
.atlas-inventory-hub .wi-detail-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px
}
.atlas-inventory-hub .wi-detail{
  display:flex;gap:8px;align-items:flex-start;padding:12px;
  border:1px solid var(--line);background:#fff;border-radius:8px;font-size:12px
}
.atlas-inventory-hub .wi-detail i{color:var(--yd);width:15px;height:15px;flex:0 0 auto}

.atlas-inventory-hub .wi-condition-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px
}
.atlas-inventory-hub .wi-condition{
  background:#171719;border:1px solid #333;padding:16px;border-radius:9px;
  display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;transition:.25s
}
.atlas-inventory-hub .wi-condition:hover{border-color:var(--y);transform:translateY(-3px)}
.atlas-inventory-hub .wi-condition i{color:var(--y);width:18px;height:18px}

.atlas-inventory-hub .wi-buy-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px
}
.atlas-inventory-hub .wi-buy-card{
  border:1px solid var(--line);background:#fff;padding:22px;border-radius:10px;
  position:relative;overflow:hidden;transition:.28s
}
.atlas-inventory-hub .wi-buy-card:hover{transform:translateY(-5px);box-shadow:var(--soft)}
.atlas-inventory-hub .wi-buy-card .num{
  font-family:var(--serif);font-size:34px;font-weight:700;line-height:1;color:var(--yd)
}
.atlas-inventory-hub .wi-buy-card h3{font-size:15px;margin:16px 0 7px;font-family:var(--sans)!important}
.atlas-inventory-hub .wi-buy-card p{font-size:12px;color:var(--mut);margin:0;line-height:1.45}
.atlas-inventory-hub .wi-buy-card:after{
  content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--y);transition:.35s
}
.atlas-inventory-hub .wi-buy-card:hover:after{width:100%}

.atlas-inventory-hub .wi-benefit-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px
}
.atlas-inventory-hub .wi-benefit{
  display:flex;gap:10px;padding:15px;border:1px solid var(--line);
  border-radius:8px;background:#fff;font-size:12px;font-weight:700
}
.atlas-inventory-hub .wi-benefit i{color:var(--yd);width:16px;height:16px;flex:0 0 auto}

/* Compare table */
.atlas-inventory-hub .wi-compare{
  overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff
}
.atlas-inventory-hub .wi-compare table{width:100%;border-collapse:collapse;min-width:720px}
.atlas-inventory-hub .wi-compare th{
  padding:16px 18px;text-align:left;background:#111;color:#fff;
  font-size:11px;text-transform:uppercase;letter-spacing:.08em
}
.atlas-inventory-hub .wi-compare th:last-child{background:var(--y);color:#111}
.atlas-inventory-hub .wi-compare td{padding:15px 18px;border-top:1px solid var(--line);font-size:13px}
.atlas-inventory-hub .wi-compare td:last-child{font-weight:700;background:#fffdf1}

/* FAQ */
.atlas-inventory-hub .wi-faq{max-width:930px;margin:auto;display:grid;gap:8px}
.atlas-inventory-hub .wi-faq-item{
  border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden
}
.atlas-inventory-hub .wi-faq-q{
  width:100%;border:0;background:#fff;padding:19px 20px;
  display:grid;grid-template-columns:1fr auto;gap:16px;text-align:left;
  font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;color:inherit
}
.atlas-inventory-hub .wi-faq-q i{color:var(--yd);width:18px;height:18px;transition:.25s}
.atlas-inventory-hub .wi-faq-a{max-height:0;overflow:hidden;opacity:0;transition:.3s}
.atlas-inventory-hub .wi-faq-a p{padding:0 20px 18px;margin:0;color:var(--mut);font-size:13px;line-height:1.5}
.atlas-inventory-hub .wi-faq-item.open .wi-faq-a{max-height:180px;opacity:1}
.atlas-inventory-hub .wi-faq-item.open .wi-faq-q i{transform:rotate(45deg)}

/* Final panel + pulse */
.atlas-inventory-hub .wi-final-panel{
  background:rgba(10,10,11,.84);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.16);padding:27px;border-radius:10px
}
.atlas-inventory-hub .wi-final-panel i{color:var(--y);width:34px;height:34px}
.atlas-inventory-hub .wi-final-panel b,
.atlas-inventory-hub .wi-final-panel small{display:block}
.atlas-inventory-hub .wi-final-panel b{font-size:20px;margin:12px 0 5px;color:#fff}
.atlas-inventory-hub .wi-final-panel small{color:#aaa}

/* Hero — match source Atlas_Wholesale_Group_Wholesale_Inventory.html */
.atlas-inventory-hub .ar-hero{
  position:relative;
  min-height:730px !important;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#111;
  color:#fff;
  padding:90px 0 78px;
  isolation:isolate
}
.atlas-inventory-hub .ar-hero-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center
}
.atlas-inventory-hub .ar-hero-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(5,5,6,.94),rgba(5,5,6,.73) 53%,rgba(5,5,6,.36))
}
.atlas-inventory-hub .ar-hero .ar-hero-grid{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1.1fr .7fr;gap:55px;align-items:center;
  opacity:1 !important;transform:none !important;
  width:min(1280px,calc(100% - 40px));margin:0 auto;box-sizing:border-box
}
.atlas-inventory-hub .ar-hero .eyebrow{color:#fff !important}
.atlas-inventory-hub .ar-hero-copy{color:#fff;min-width:0}
.atlas-inventory-hub .ar-hero-copy h1{
  font-size:clamp(2.75rem,5.2vw,4.75rem) !important;
  line-height:.98 !important;
  letter-spacing:-.02em !important;
  margin:18px 0 24px !important;
  color:#fff !important;
  font-weight:700 !important;
  max-width:100%
}
.atlas-inventory-hub .ar-hero-copy h1 .white-title-chip{
  display:inline !important;
  background:#fff !important;
  color:#111 !important;
  padding:.01em .14em .05em !important;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
  box-shadow:0 0 0 1px rgba(0,0,0,.05);text-shadow:none
}
.atlas-inventory-hub .ar-hero-copy p{
  max-width:760px;
  color:#d9d9d4 !important;
  font-size:16px !important;
  line-height:1.55;
  margin:0
}
.atlas-inventory-hub .ar-hero .hero-actions{
  display:flex;flex-wrap:wrap;gap:11px;margin:30px 0 0
}
.atlas-inventory-hub .ar-hero .hero-actions .btn{
  border-radius:999px !important;
  padding:15px 22px !important;
  font-size:13px !important;
  font-weight:800;
  width:auto !important;min-height:0
}
.atlas-inventory-hub .ar-hero .btn-yellow{background:var(--y);color:#111}
.atlas-inventory-hub .ar-hero .btn-ghost{
  background:rgba(255,255,255,.08);color:#fff;
  border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px)
}
.atlas-inventory-hub .ar-hero-card{
  background:rgba(10,10,11,.84);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(16px);
  padding:24px;border-radius:10px;
  box-shadow:0 26px 70px rgba(0,0,0,.3)
}
.atlas-inventory-hub .ar-stat{
  display:grid;grid-template-columns:34px 1fr;gap:2px 12px;
  padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);align-items:start
}
.atlas-inventory-hub .ar-stat:last-child{border:0;padding-bottom:0}
.atlas-inventory-hub .ar-stat:first-child{padding-top:0}
.atlas-inventory-hub .ar-stat i,
.atlas-inventory-hub .ar-stat svg{
  grid-row:1/3;color:var(--y);width:18px;height:18px;margin-top:2px
}
.atlas-inventory-hub .ar-stat b{font-size:13px;color:#fff;line-height:1.3}
.atlas-inventory-hub .ar-stat small{font-size:10px;color:#aaa;line-height:1.4}

@keyframes wiPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(244,196,0,.25)}
  50%{box-shadow:0 0 0 10px rgba(244,196,0,0)}
}
.atlas-inventory-hub .wi-pulse{animation:wiPulse 3.2s ease-in-out infinite}

@media(max-width:1080px){
  .atlas-inventory-hub .ar-hero{min-height:auto !important;padding:80px 0 64px}
  .atlas-inventory-hub .ar-hero .ar-hero-grid{grid-template-columns:1fr;gap:28px}
  .atlas-inventory-hub .ar-hero-card{max-width:650px}
}
@media(max-width:760px){
  .atlas-inventory-hub .ar-hero{
    padding:70px 0 55px;
    min-height:auto !important
  }
  .atlas-inventory-hub .ar-hero-shade{
    background:linear-gradient(180deg,rgba(5,5,6,.92),rgba(5,5,6,.8) 60%,rgba(5,5,6,.7))
  }
  .atlas-inventory-hub .ar-hero .ar-hero-grid{width:min(100% - 24px,1280px);gap:22px}
  .atlas-inventory-hub .ar-hero-copy h1{
    font-size:clamp(2.15rem,9vw,2.85rem) !important;
    line-height:1.05 !important
  }
  .atlas-inventory-hub .ar-hero-copy h1 .white-title-chip{padding:.01em .08em .04em !important}
  .atlas-inventory-hub .ar-hero .hero-actions{display:grid;gap:10px;margin-top:24px}
  .atlas-inventory-hub .ar-hero .hero-actions .btn{
    width:100%;justify-content:center;border-radius:10px;padding:14px 18px
  }
}

/* Live catalog block */
.atlas-inventory-hub .catalog .results-bar{
  display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap
}
.atlas-inventory-hub .catalog .count{
  font-size:13px;font-weight:700;background:#fff;border:1px solid var(--line);
  padding:10px 14px;border-radius:8px;white-space:nowrap
}
.atlas-inventory-hub .catalog .product-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px
}
.atlas-inventory-hub .catalog .empty{
  grid-column:1/-1;padding:48px;text-align:center;
  border:1px dashed var(--line);border-radius:10px;background:#fff
}

@media(max-width:1100px){
  .atlas-inventory-hub .wi-icon-grid{grid-template-columns:repeat(3,1fr)}
  .atlas-inventory-hub .wi-business-grid,
  .atlas-inventory-hub .wi-buy-grid{grid-template-columns:repeat(2,1fr)}
  .atlas-inventory-hub .wi-detail-grid,
  .atlas-inventory-hub .wi-condition-grid,
  .atlas-inventory-hub .wi-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .atlas-inventory-hub .catalog .product-grid{grid-template-columns:repeat(2,1fr)}
  .atlas-inventory-hub .split-grid.reverse{direction:ltr}
}
@media(max-width:760px){
  .atlas-inventory-hub section{padding:64px 0}
  .atlas-inventory-hub .wi-icon-grid,
  .atlas-inventory-hub .wi-business-grid,
  .atlas-inventory-hub .wi-buy-grid,
  .atlas-inventory-hub .wi-detail-grid,
  .atlas-inventory-hub .wi-condition-grid,
  .atlas-inventory-hub .wi-benefit-grid,
  .atlas-inventory-hub .catalog .product-grid{grid-template-columns:1fr}
  .atlas-inventory-hub .wi-icon{border-right:0;border-bottom:1px solid #29292d}
  .atlas-inventory-hub .head{display:block}
}