/* Shared category + inventory button / layout fixes */
.atlas-category-page,
.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);
}

.atlas-category-page .wrap,
.atlas-inventory-hub .wrap{width:min(1280px,calc(100% - 40px));margin:auto}

/* Buttons */
.atlas-category-page .btn,
.atlas-inventory-hub .btn,
.atlas-category-page a.btn,
.atlas-inventory-hub a.btn,
body.tax-atlas_product_category .catalog .btn,
body.page-template-template-inventory-hub .catalog .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px;
  padding:12px 20px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:800 !important;
  border:1px solid transparent !important;
  cursor:pointer;
  text-decoration:none !important;
  line-height:1.2;
  box-sizing:border-box;
  white-space:nowrap;
}
.atlas-category-page .btn i,
.atlas-category-page .btn svg,
.atlas-inventory-hub .btn i,
.atlas-inventory-hub .btn svg,
body.tax-atlas_product_category .catalog .btn i,
body.tax-atlas_product_category .catalog .btn svg,
body.page-template-template-inventory-hub .catalog .btn i,
body.page-template-template-inventory-hub .catalog .btn svg{
  width:16px;height:16px;flex:0 0 auto
}

.atlas-category-page .btn-yellow,
.atlas-inventory-hub .btn-yellow,
body.tax-atlas_product_category .catalog .btn-yellow,
body.page-template-template-inventory-hub .catalog .btn-yellow{
  background:var(--y) !important;
  color:#111 !important;
  border-color:var(--y) !important
}
.atlas-category-page .btn-dark,
.atlas-inventory-hub .btn-dark,
body.tax-atlas_product_category .catalog .btn-dark,
body.page-template-template-inventory-hub .catalog .btn-dark{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important
}
.atlas-category-page .ar-hero .btn-ghost,
.atlas-category-page .final-cta .btn-ghost,
.atlas-inventory-hub .ar-hero .btn-ghost,
.atlas-inventory-hub .final-cta .btn-ghost{
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.4) !important
}
.atlas-category-page .soft .btn-ghost,
.atlas-category-page .cat-backlinks .btn-ghost,
.atlas-category-page .btn-white,
.atlas-inventory-hub .soft .btn-ghost,
.atlas-inventory-hub .btn-white,
body.tax-atlas_product_category .catalog .btn-outline,
body.page-template-template-inventory-hub .catalog .btn-outline{
  background:#fff !important;
  color:#111 !important;
  border-color:#111 !important
}

.atlas-category-page .hero-actions,
.atlas-inventory-hub .hero-actions{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:24px
}
.atlas-category-page .cat-backlinks{padding:36px 0 !important}
.atlas-category-page .cat-backlinks-inner{
  display:flex;gap:12px;flex-wrap:wrap;justify-content:center
}

.atlas-category-page .eyebrow,
.atlas-inventory-hub .eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800
}
.atlas-category-page .eyebrow:before,
.atlas-inventory-hub .eyebrow:before{content:"";width:28px;height:2px;background:var(--y)}
.atlas-category-page h1,
.atlas-category-page h2,
.atlas-inventory-hub h1,
.atlas-inventory-hub h2{
  font-family:var(--serif);
  font-weight:600;letter-spacing:-.015em;line-height:1.15;margin-top:0
}
.atlas-category-page .white-title-chip,
.atlas-inventory-hub .white-title-chip{
  display:inline;background:#fff;color:#111;
  padding:.02em .14em .05em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
  box-shadow:0 0 0 1px rgba(0,0,0,.05);text-shadow:none
}
/* Category light heroes can keep yellow accent if needed elsewhere */
.atlas-category-page .hero:not(.ar-hero) .white-title-chip{
  background:#fff;color:#111
}

.atlas-category-page .reveal,
.atlas-inventory-hub .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.atlas-category-page .reveal-left,
.atlas-inventory-hub .reveal-left{opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease}
.atlas-category-page .reveal-right,
.atlas-inventory-hub .reveal-right{opacity:0;transform:translateX(28px);transition:opacity .7s ease,transform .7s ease}
/* First-viewport heroes stay visible (don't blank the page) */
.atlas-category-page .ar-hero .reveal,
.atlas-category-page .hero .reveal,
.atlas-category-page .hero .reveal-left,
.atlas-category-page .hero .reveal-right,
.atlas-inventory-hub .ar-hero .reveal{
  opacity:1;transform:none
}
.atlas-category-page .reveal.revealed,
.atlas-category-page .reveal.on,
.atlas-category-page .reveal.show,
.atlas-category-page .reveal-left.revealed,
.atlas-category-page .reveal-left.on,
.atlas-category-page .reveal-left.show,
.atlas-category-page .reveal-right.revealed,
.atlas-category-page .reveal-right.on,
.atlas-category-page .reveal-right.show,
.atlas-inventory-hub .reveal.revealed,
.atlas-inventory-hub .reveal.on,
.atlas-inventory-hub .reveal.show,
.atlas-inventory-hub .reveal-left.revealed,
.atlas-inventory-hub .reveal-right.revealed{opacity:1;transform:none}

/* Kill homepage / catalog .hero bleed on category pages */
.atlas-category-page .hero{
  background-color:#111;
  color:#fff !important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.atlas-category-page .hero:before{
  content:none !important;
  display:none !important;
}
.atlas-category-page .hero .eyebrow,
.atlas-category-page .hero h1,
.atlas-category-page .hero h2,
.atlas-category-page .hero h3,
.atlas-category-page .hero p,
.atlas-category-page .hero strong,
.atlas-category-page .hero b{color:#fff}
.atlas-category-page .hero p{color:#d9d9d4}
.atlas-category-page .hero .btn-ghost{
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.4) !important
}
.atlas-category-page .hero-bg,
.atlas-category-page .hero-shade{
  position:absolute;inset:0;pointer-events:none
}
.atlas-category-page .hero-bg{
  background-size:cover !important;
  background-position:center !important;
  z-index:0
}
.atlas-category-page .hero-shade{z-index:1}
.atlas-category-page .hero .wrap,
.atlas-category-page .hero .hero-grid{
  position:relative;z-index:2
}
.atlas-category-page .dark,
.atlas-inventory-hub .dark{background:#111;color:#fff}
.atlas-category-page .dark h2,
.atlas-category-page .dark h3,
.atlas-category-page .dark b,
.atlas-inventory-hub .dark h2,
.atlas-inventory-hub .dark h3{color:#fff}
.atlas-category-page .dark p,
.atlas-inventory-hub .dark p{color:#bdbdb8}
.atlas-category-page .cta,
.atlas-inventory-hub .cta{background:var(--y);color:#111}

.atlas-category-page .ar-hero,
.atlas-category-page .final-cta,
.atlas-inventory-hub .ar-hero,
.atlas-inventory-hub .final-cta{
  position:relative;min-height:620px;display:flex;align-items:center;
  overflow:hidden;background:#111;color:#fff
}
.atlas-category-page .ar-hero-bg,
.atlas-category-page .final-bg,
.atlas-inventory-hub .ar-hero-bg,
.atlas-inventory-hub .final-bg{
  position:absolute;inset:0;background-size:cover;background-position:center
}
.atlas-category-page .ar-hero-shade,
.atlas-category-page .final-shade,
.atlas-inventory-hub .ar-hero-shade,
.atlas-inventory-hub .final-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,5,6,.94),rgba(5,5,6,.73) 53%,rgba(5,5,6,.36))
}
.atlas-category-page .ar-hero-grid,
.atlas-category-page .final-grid,
.atlas-inventory-hub .ar-hero-grid,
.atlas-inventory-hub .final-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.1fr .7fr;gap:48px;align-items:center
}
.atlas-category-page .ar-hero-copy h1,
.atlas-inventory-hub .ar-hero-copy h1{font-size:clamp(48px,5.6vw,86px);margin:16px 0 20px;color:#fff}
.atlas-category-page .ar-hero-copy p,
.atlas-inventory-hub .ar-hero-copy p{max-width:740px;color:#d9d9d4;font-size:16px}
.atlas-category-page .ar-hero-card,
.atlas-category-page .final-panel,
.atlas-inventory-hub .ar-hero-card,
.atlas-inventory-hub .final-panel{
  background:rgba(10,10,11,.84);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(16px);padding:22px;border-radius:12px
}
.atlas-category-page .ar-stat,
.atlas-inventory-hub .ar-stat{
  display:grid;grid-template-columns:34px 1fr;gap:2px 12px;
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)
}
.atlas-category-page .ar-stat:last-child,
.atlas-inventory-hub .ar-stat:last-child{border:0}
.atlas-category-page .ar-stat i,
.atlas-inventory-hub .ar-stat i{grid-row:1/3;color:var(--y);width:18px;height:18px}
.atlas-category-page .ar-stat b,
.atlas-inventory-hub .ar-stat b{font-size:13px}
.atlas-category-page .ar-stat small,
.atlas-inventory-hub .ar-stat small{font-size:10px;color:#aaa}
.atlas-category-page section,
.atlas-inventory-hub section{padding:84px 0}
.atlas-category-page .soft,
.atlas-inventory-hub .soft{background:var(--bg)}
.atlas-category-page .split-grid,
.atlas-inventory-hub .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.atlas-category-page .split-copy h2,
.atlas-inventory-hub .split-copy h2{font-size:clamp(36px,4vw,58px);margin:12px 0 18px}
.atlas-category-page .split-copy p,
.atlas-inventory-hub .split-copy p{color:var(--mut)}
.atlas-category-page .split-media,
.atlas-inventory-hub .split-media{overflow:hidden;border-radius:12px;box-shadow:var(--soft)}
.atlas-category-page .split-media img,
.atlas-inventory-hub .split-media img{width:100%;height:520px;object-fit:cover;display:block}
.atlas-category-page .split-media.tall img,
.atlas-inventory-hub .split-media.tall img{height:600px}
.atlas-category-page .chip-grid,
.atlas-inventory-hub .chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.atlas-category-page .chip-grid span,
.atlas-inventory-hub .chip-grid span{
  padding:9px 11px;background:#fff;border:1px solid var(--line);
  border-left:3px solid var(--y);font-size:10px;font-weight:800;border-radius:7px
}
.atlas-category-page .note-line,
.atlas-inventory-hub .note-line{
  padding:15px 16px;background:var(--ys);border-left:4px solid var(--y);
  font-size:11px!important;color:#3b3300!important
}
.atlas-category-page .warning-box,
.atlas-inventory-hub .warning-box{
  display:flex;gap:12px;padding:16px;background:#111;color:#fff;
  border-left:5px solid var(--y);border-radius:8px
}
.atlas-category-page .warning-box i,
.atlas-inventory-hub .warning-box i{color:var(--y)}
.atlas-category-page .warning-box p,
.atlas-inventory-hub .warning-box p{margin:0;color:#ddd;font-size:11px}
.atlas-category-page .final-cta,
.atlas-inventory-hub .final-cta{min-height:480px}
.atlas-category-page .center,
.atlas-inventory-hub .center{text-align:center;max-width:860px;margin:0 auto 36px}
.atlas-category-page .head,
.atlas-inventory-hub .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.atlas-category-page .head h2,
.atlas-category-page .center h2,
.atlas-inventory-hub .head h2,
.atlas-inventory-hub .center h2{font-size:clamp(36px,4.2vw,58px);margin:10px 0}
.atlas-category-page .head p,
.atlas-inventory-hub .head p{max-width:480px;color:var(--mut)}

body.tax-atlas_product_category .catalog .product-card .btn,
body.page-template-template-inventory-hub .catalog .product-card .btn{
  min-height:43px !important;
  padding:0 12px !important;
  font-size:11px !important;
  border-radius:8px !important;
  width:100%
}

@media(max-width:1080px){
  .atlas-category-page .ar-hero-grid,
  .atlas-category-page .final-grid,
  .atlas-category-page .split-grid,
  .atlas-inventory-hub .ar-hero-grid,
  .atlas-inventory-hub .final-grid,
  .atlas-inventory-hub .split-grid{grid-template-columns:1fr}
  .atlas-category-page .ar-hero,
  .atlas-inventory-hub .ar-hero{min-height:auto;padding:90px 0 70px}
  .atlas-category-page .split-media img,
  .atlas-inventory-hub .split-media img{height:400px}
}
@media(max-width:760px){
  .atlas-category-page section,
  .atlas-inventory-hub section{padding:64px 0}
  .atlas-category-page .hero-actions .btn,
  .atlas-category-page .cat-backlinks-inner .btn{width:100%}
}

/* Inventory / category chrome polish */
.site-header-source .header-actions .signin-btn,
.site-header-source .header-actions .atlas-auth-btn{display:grid !important}
@media(max-width:560px){
  .site-header-source .header-actions .btn-yellow{
    padding:10px 10px;font-size:10px;max-width:108px;overflow:hidden;text-overflow:ellipsis
  }
  .atlas-inventory-hub .wi-business-grid,
  .atlas-inventory-hub .wi-buy-grid{grid-template-columns:1fr}
}
