Home

/* ====== Global Styles ====== */
body {
font-family: ‘Inter’, Arial, sans-serif;
margin: 0;
padding: 0;
background: #ffffff;
color: #111827;
}
a {
text-decoration: none;
color: inherit;
}
.container {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
/* ====== Header ====== */
.bh-header {
position: sticky;
top: 0;
z-index: 100;
background: #fff;
border-bottom: 1px solid #e5e7eb;
padding: 12px 0;
}
.bh-header .row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.bh-logo {
font-size: 22px;
font-weight: 700;
}
.bh-nav ul {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}
.bh-nav a {
padding: 8px 14px;
border-radius: 8px;
font-weight: 600;
transition: background 0.2s;
}
.bh-nav a:hover {
background: #f3f4f6;
}
.bh-tools {
display: flex;
align-items: center;
gap: 12px;
}
/* Search Box */
.bh-search input {
height: 38px;
border: 1px solid #e5e7eb;
border-radius: 999px;
padding: 0 12px;
outline: none;
}
.bh-search input:focus {
border-color: #111827;
}
/* Currency Switcher */
.bh-currency select {
padding: 6px 12px;
border-radius: 6px;
border: 1px solid #e5e7eb;
}
/* ====== Categories Bar ====== */
.bh-catbar {
background: #f9fafb;
padding: 12px 0;
border-bottom: 1px solid #e5e7eb;
}
.bh-catbar ul {
display: flex;
gap: 20px;
list-style: none;
justify-content: center;
margin: 0;
padding: 0;
}
.bh-catbar a {
font-weight: 600;
}
/* ====== Product Grid ====== */
.bh-category {
padding: 40px 0;
}
.bh-category h2 {
font-size: 22px;
margin-bottom: 20px;
font-weight: 700;
}
.bh-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
.bh-card {
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 12px;
text-align: center;
transition: transform 0.2s, box-shadow 0.2s;
}
.bh-card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.bh-card img {
border-radius: 8px;
margin-bottom: 10px;
}
/* ====== Secure Payments Section ====== */
.secure-strip {
background: #f9fafb;
padding: 20px;
text-align: center;
font-weight: 600;
border-top: 1px solid #e5e7eb;
}
/* ====== Footer ====== */
.bh-footer {
background: #111827;
color: #fff;
padding: 30px 20px;
text-align: center;
}
.bh-footer a {
color: #fff;
}