/* ARC Supply Co. — V7.21.2 Public Header + Hero Fix */

/* Staff access: always available at the far-right edge of the public header. */
.store-v7 .store-nav-actions{
  min-width:0;
  white-space:nowrap;
}
.store-v7 .store-staff-link{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:linear-gradient(180deg,#11171c,#090e12);
  color:#9da8b1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.store-v7 .store-staff-link svg{
  width:19px;
  height:19px;
  display:block;
}
.store-v7 .store-staff-link:hover{
  color:#fff;
  border-color:rgba(255,116,16,.52);
  background:linear-gradient(180deg,rgba(255,116,16,.095),#0b1014);
  transform:translateY(-1px);
}
.store-v7 .store-staff-dot{
  position:absolute;
  right:6px;
  top:6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#707b84;
  border:1px solid #080b0e;
}
.store-v7 .store-staff-link.is-auth{
  color:#67dfa0;
  border-color:rgba(84,223,143,.26);
}
.store-v7 .store-staff-link.is-auth .store-staff-dot{
  background:#54df8f;
  box-shadow:0 0 0 3px rgba(84,223,143,.09);
}

/* Hero product card: price must always remain above decorative floating cards. */
.store-v7 .store-hero-visual{
  min-width:0;
}
.store-v7 .hero-product-main{
  z-index:3;
}
.store-v7 .hero-product-info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
}
.store-v7 .hero-product-info>div{
  min-width:0;
}
.store-v7 .hero-product-info b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.store-v7 .hero-product-info>strong{
  position:relative;
  z-index:4;
  flex:none;
  white-space:nowrap;
  text-align:right;
  min-width:max-content;
}

/* The lower floating product now tucks BEHIND the featured card instead of covering its price. */
.store-v7 .hero-float-two{
  z-index:2!important;
  right:-4px!important;
  bottom:18px!important;
}
.store-v7 .hero-float-one{
  z-index:4;
}
.store-v7 .hero-market-chip{
  z-index:5;
}

@media(max-width:1280px){
  .store-v7 .store-nav-shell{gap:16px}
  .store-v7 .store-staff-link{width:42px;height:42px;flex-basis:42px}
}

@media(max-width:980px){
  .store-v7 .store-staff-link{order:20}
}

@media(max-width:680px){
  .store-v7 .store-staff-link{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:9px;
  }
  .store-v7 .store-staff-link svg{width:18px;height:18px}
  .store-v7 .hero-float-two{
    right:-2px!important;
    bottom:8px!important;
  }
}

@media(max-width:480px){
  /* Preserve staff access even when space is tight. */
  .store-v7 .store-primary-nav{
    padding-left:12px;
    padding-right:12px;
  }
}