/* base */
html{-webkit-text-size-adjust:100%;background:#000}
body{font-size:16px;line-height:1.45;max-width:1280px;margin:0 auto;background:transparent;color:#ddd}
img{max-width:100%;height:auto}
h1{font-size:clamp(22px,2.5vw,28px)} h2{font-size:clamp(18px,2vw,22px)}
a{color:#9fe870} a:hover{color:#c8ff9b}
hr{border-color:#2a2a2a}

/* menu bits */
.dropbtn,.dropdown-content{font-size:14px}
.dropbtn{color:#fff;background:#0a7510;border:1px solid #3bc43b}
.dropdown-content{background:#000;color:#fff;border:1px solid #1f7a1f}
.dropdown-content a{color:#fff}
.dropdown-content a:hover{background:#1a9b1a;color:#000}

/* nuke any legacy inline white backgrounds */
*[style*="background:white"],*[style*="background:#fff"],*[style*="background:#ffffff"]{background:#000!important}

/* NEVER use .specials again */
.specials{display:none!important}

/* HERO: purple Shop button locked to the image, a bit below center */
#shop-hero{position:relative;display:block;max-width:100%}
#shop-hero img{display:block;width:100%;height:auto}
#shop-hero .btn{
  position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);
  padding:10px 16px;border-radius:12px;
  background:#7e22ce;border:1px solid #a78bfa;color:#fff;text-decoration:none;
  font-size:16px;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.5)
}
#shop-hero .btn:hover{background:#a855f7;color:#000}
@media (max-width:900px){
  #shop-hero .btn{top:72%;font-size:15px;padding:10px 14px}
}