/* ============================================
   SHARED CSS - used by every page that links this file
   (Home, About, Products)
   ============================================ */

/* Floating WhatsApp box on the right side */
.rela{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1500;
}
.rela a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px 10px 12px;
    border-radius: 40px;
    background: #25d366;
    color: white !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
    transition: transform .2s, box-shadow .2s;
}
.rela a:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.3); }
.rela i{ font-size: 30px; line-height: 1; }
@media screen and (max-width: 740px){
    .rela{ right: 14px; bottom: 14px; }
    .rela a{ padding: 12px; }
    .rela .wa-label{ display: none; }
}

/* Back-to-top arrow in the footer */
.arrow{
    position: absolute;
    right: 19px;
}

/* Footer (each page sets its own height) */
footer{
    background-color: black;
    color: white;
    padding: 30px;
    margin-top: 3px;
}
footer a,
footer a:visited{
    color: white;
}
footer a:hover{
    color: rgb(164, 245, 245);
}

/* Footer table (each page sets its own width) */
table{
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
}
td{
    width: 30px;
}
th{
    text-decoration: overline;
    text-decoration-color: rgb(164, 245, 245);
}



/* Products page styles now live in shop.css (old version in _original_backup/style.css) */