html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: clip;
      }


    /* Break out of max-width containers (Tailwind-safe) */
        .full-bleed{
          width: 100%;
          margin-left: 0;
          margin-right: 0;
        }


      .tile{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio: 1 / 1;       /* forces perfect square tiles */
  overflow:hidden;
  border-radius: 12px;
  background:#111;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  text-decoration:none;
}

.tile-img{
  width:100%;
  height:100%;
  object-fit:cover;           /* crops instead of stretching */
  display:block;
  transform: scale(1.01);
}

.tile-label{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:700;
  font-size:.9rem;
  color:#fff;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}

.tile:hover .tile-img{
  transform: scale(1.06);
  transition: transform .25s ease;
}

.new-items-wrap{
  overflow-x: auto;
  padding-bottom: 6px;
}

.new-items-track{
  display: flex;
  gap: 14px;
  min-width: max-content;
}

.new-item{
  flex: 0 0 260px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px;
  text-decoration: none;
  color: ;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.new-item-type{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #b91c1c;
  margin-bottom: 4px;
}

.new-item-title{
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 6px;
}

.new-item-meta{
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}

.new-item-action{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #b91c1c;
}

.new-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  transition: all .15s ease;
}


/* Make sure nothing adds a gap above/below */
#bwHero { width: 100%; }

/* Force the carousel + items to be THICCC */
#bwHero .carousel-inner,
#bwHero .carousel-item{
  height: clamp(520px, 70vh, 580px);
}

/* Background slide wrapper fills the item */
#bwHero .carousel-item > .bw-hero-slide{
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Overlay for readable text */
.bw-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(0,0,0,.82) 0%,
    rgba(0,0,0,.60) 45%,
    rgba(0,0,0,.25) 100%);
}

/* Text above overlay */
.bw-hero-content{
  position: relative;
  z-index: 2;
}

/* Slightly tighter kicker spacing */
.bw-kicker{
  letter-spacing: .14em;
}

/* Bigger click targets for arrows */
#bwHero .carousel-control-prev,
#bwHero .carousel-control-next{
  width: 10%;
}


/* Horizontal scroller */
.na-scroller{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 260px;
  gap: 14px;

  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Each card snaps nicely */
.na-card{
  scroll-snap-align: start;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
  min-height: 170px;
}

.na-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* Make scrollbar not ugly (optional) */
.na-scroller::-webkit-scrollbar{ height: 10px; }
.na-scroller::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.18);
  border-radius: 999px;
}


.step-card{
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  text-align: center;
  transition: transform .2s ease, box-shadow .2s ease;
}

.step-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.step-number{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #dc3545;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  margin: 0 auto 12px auto;
}

.step-title{
  font-weight: 700;
  margin-bottom: 6px;
}

.step-text{
  font-size: .9rem;
  color: #6b7280;
}


.step-card-dark{
  background:#151922;
  border-radius:18px;
  padding:28px 22px;
  box-shadow:0 10px 28px rgba(0,0,0,.6);
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease;
}

.step-card-dark:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(0,0,0,.8);
}

.step-number{
  width:46px;
  height:46px;
  border-radius:50%;
  background:#dc3545;
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.1rem;
  margin:0 auto 12px auto;
}

.step-title{
  font-weight:700;
  margin-bottom:6px;
  color:#fff;
}

.step-text{
  font-size:.9rem;
  color:#9ca3af;
}


.bw-burst-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:14px 22px;
  border-radius:999px;

  background:linear-gradient(180deg,#2a2f36,#14171c);
  border:1px solid #3a3f47;

  color:#e5e7eb;
  font-weight:900;
  font-size:.92rem;
  letter-spacing:.12em;
  text-transform:uppercase;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -2px 4px rgba(0,0,0,.85),
    0 12px 28px rgba(0,0,0,.6);

  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;

  transform:translateZ(0);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.bw-burst-btn:hover{
  border-color:#555c66;
}

.bw-burst-btn:active{
  transform:translateY(1px);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.9),
    0 8px 18px rgba(0,0,0,.55);
}

.bw-burst-icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(135deg,#facc15,#f59e0b);
  color:#0b0b0b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}

.bw-burst-label{ position:relative; z-index:2; }

/* Click animation states */
.bw-burst-btn.is-burst{
  animation: bw-recoil 180ms ease-out;
}

@keyframes bw-recoil{
  0%   { transform: translateY(0) translateX(0); }
  35%  { transform: translateY(1px) translateX(-2px); }
  70%  { transform: translateY(-1px) translateX(1px); }
  100% { transform: translateY(0) translateX(0); }
}

/* Particles */
.bw-burst-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:visible;
}

.bw-burst-btn.is-burst .bw-burst-particles::before,
.bw-burst-btn.is-burst .bw-burst-particles::after{
  content:"";
  position:absolute;
  top:50%;
  left:26px; /* near the icon */
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(250,204,21,.95);
  transform:translate(-50%,-50%);
  filter:blur(.2px);
  animation:bw-pop 220ms ease-out forwards;
}

.bw-burst-btn.is-burst .bw-burst-particles::after{
  width:6px;
  height:6px;
  background:rgba(245,158,11,.95);
  animation:bw-pop2 240ms ease-out forwards;
}

@keyframes bw-pop{
  0%   { opacity:0; transform:translate(-50%,-50%) scale(.6); }
  20%  { opacity:1; transform:translate(-50%,-50%) scale(1.9); }
  100% { opacity:0; transform:translate(90px,-50%) scale(.2); }
}

@keyframes bw-pop2{
  0%   { opacity:0; transform:translate(-50%,-50%) scale(.6); }
  25%  { opacity:1; transform:translate(-50%,-50%) scale(2.2); }
  100% { opacity:0; transform:translate(70px,-75px) scale(.2); }
}
.badwoodslogo-comingsoon {
        width: auto;
        height: 300px;
    
}

/* Header colors */
.bw-topbar { background: #111416; }
.bw-nav    { background: #050608; }
.bw-catbar { background: transparent; }

/* Logo sizing */
.bw-logo {
  height: 56px;
  width: auto;
  display: block;
}
@media (min-width: 992px){
  .bw-logo { height: 70px; }
}

/* Search styling */
.bw-input{
  background: #141a1f !important;
  color: #fff !important;
  border-color: #3a414a !important;
}
.bw-input::placeholder{ color: #9aa4b2 !important; }
.bw-input:focus{
  box-shadow: none !important;
  border-color: #ffffff66 !important;
}

.bw-btn-search{
  background: #f8f9fa !important;
  border-color: #f8f9fa !important;
  color: #000 !important;
}

/* Category pills */
.bw-pill{
  color: #9aa4b2 !important;
  background: transparent !important;
  border: 1px solid transparent;
  padding: .45rem .9rem;
}
.bw-pill:hover{
  color: #fff !important;
  border-color: #3a414a;
}
.bw-pill.active{
  color: #000 !important;
  background: #f8f9fa !important;
  border-color: #f8f9fa !important;
}