html,body{height:100%;margin:0;font-family:Arial;color:#fff}
.page{min-height:100%;display:flex;flex-direction:column}
main{flex:1}
.logo{height:120px}
.header{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.6);padding:15px}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{text-align:center;margin-top:140px}
.btn{background:#d4a73c;color:#000;padding:12px 24px;border-radius:6px;text-decoration:none}

.products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  padding:40px
}

.product{
  background:rgba(0,0,0,.6);
  padding:15px
}

.glass-box{
  background:rgba(0,0,0,.7);
  padding:50px;
  max-width:900px;
  margin:100px auto;
  border-radius:16px
}

.glass-box h2{color:#f5c26b;text-align:center}
.glass-box ul{list-style:none;padding:0}
.glass-box ul li::before{content:'✔ ';color:#f5c26b}

.footer{text-align:center;padding:15px;background:rgba(0,0,0,.8)}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:12px 18px;border-radius:30px;text-decoration:none}

.bg-home{background:url('../images/bg-home.jpg') center/cover fixed}
.bg-about{background:url('../images/bg-about.jpg') center/cover fixed}
.bg-products{background:url('../images/bg-products.jpg') center/cover fixed}
.bg-whyus{background:url('../images/bg-whyus.jpg') center/cover fixed}
.bg-contact{background:url('../images/bg-contact.jpg') center/cover fixed}

/* PRODUCT IMAGE SIZE */
.product img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:8px;
}

.price{
  margin:8px 0;
  font-weight:bold;
  color:#f5c26b;
}

/* ========================= */
/* PREMIUM ADD BUTTON */
/* ========================= */
.products .product input[type="button"]{
  background: linear-gradient(135deg,#f5c26b,#d4a73c);
  color:#2b1d0e;
  border:none;
  padding:7px 18px;
  border-radius:22px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.35);
  transition:all .3s ease;
}

.products .product input[type="button"]:hover{
  background: linear-gradient(135deg,#ffd98e,#e1b24a);
  transform:translateY(-1px);
}

/* ========================= */
/* PREMIUM REMOVE BUTTON */
/* ========================= */
.cart input[type="button"]{
  background:transparent;
  color:#ff6b6b;
  border:1px solid #ff6b6b;
  padding:4px 12px;
  border-radius:14px;
  font-size:12px;
  cursor:pointer;
  margin-left:8px;
  transition:all .3s ease;
}

.cart input[type="button"]:hover{
  background:#ff6b6b;
  color:#fff;
}
/* ===== FORCE STYLE ALL ADD BUTTONS ===== */
.products .product input{
  appearance: none;
  -webkit-appearance: none;
  background: linear-gradient(135deg,#f5c26b,#d4a73c) !important;
  color:#2b1d0e !important;
  border:none !important;
  padding:7px 18px !important;
  border-radius:22px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  box-shadow:0 4px 12px rgba(0,0,0,.35) !important;
  transition:all .3s ease !important;
}

.products .product input:hover{
  background: linear-gradient(135deg,#ffd98e,#e1b24a) !important;
  transform:translateY(-1px) !important;
}

/* ===== FORCE STYLE ALL REMOVE BUTTONS ===== */
.cart input{
  appearance: none;
  -webkit-appearance: none;
  background:transparent !important;
  color:#ff6b6b !important;
  border:1px solid #ff6b6b !important;
  padding:4px 12px !important;
  border-radius:14px !important;
  font-size:12px !important;
  cursor:pointer !important;
  margin-left:8px !important;
  transition:all .3s ease !important;
}

.cart input:hover{
  background:#ff6b6b !important;
  color:#fff !important;
}
/* FORCE STYLE FOR INPUT ADD BUTTON */
.product input[type="button"]{
  background: linear-gradient(135deg,#f5c26b,#d4a73c) !important;
  color:#2b1d0e !important;
  border:none !important;
  padding:7px 18px !important;
  border-radius:22px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  box-shadow:0 4px 12px rgba(0,0,0,.35) !important;
  transition:all .3s ease !important;
}

.product input[type="button"]:hover{
  background: linear-gradient(135deg,#ffd98e,#e1b24a) !important;
  transform:translateY(-1px);
}
/* FORCE STYLE FOR ALL ADD INPUT BUTTONS */
.product input{
  appearance:none;
  -webkit-appearance:none;
  background: linear-gradient(135deg,#f5c26b,#d4a73c) !important;
  color:#2b1d0e !important;
  border:none !important;
  padding:7px 18px !important;
  border-radius:22px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  box-shadow:0 4px 12px rgba(0,0,0,.35) !important;
  transition:all .3s ease !important;
}

.product input:hover{
  background: linear-gradient(135deg,#ffd98e,#e1b24a) !important;
  transform:translateY(-1px);
}