:root {
  --primary: #0b4f6c;
  --secondary: #01a7c2;
  --accent: #f4b942;
  --dark: #0d1b2a;
  --light-bg: #f7fbfd;
}
body { font-family: Arial, Helvetica, sans-serif; color: #1f2937; background: #fff; }
.topbar, .navbar, .footer { background: var(--primary); }
.navbar .nav-link, .navbar-brand { color: #fff !important; }
.hero-slide { min-height: 460px; background-size: cover; background-position: center; position: relative; }
.hero-overlay { position:absolute; inset:0; background: linear-gradient(90deg, rgba(11,79,108,.88), rgba(1,167,194,.55)); }
.hero-content { position: relative; z-index: 2; min-height: 460px; display:flex; align-items:center; }
.section-title { font-weight: 700; color: var(--primary); margin-bottom: .75rem; }
.section-subtitle { color:#4b5563; max-width: 750px; }
.card-hover { transition: .25s ease; border: none; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.card-hover:hover { transform: translateY(-4px); }
.btn-brand { background: var(--secondary); color:#fff; }
.btn-brand:hover { background:#028fa6; color:#fff; }
.badge-brand { background: rgba(1,167,194,.1); color: var(--secondary); }
.page-banner { background: linear-gradient(90deg, var(--primary), var(--secondary)); color:#fff; padding: 80px 0; }
.footer-links a { color:#fff; text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.icon-box { background: var(--light-bg); border-radius: 14px; padding: 22px; height:100%; }
.product-image { height: 220px; object-fit: cover; }
.offer-card .badge { background: var(--accent); color:#111827; }
.admin-sidebar { min-height: 100vh; background:#0d1b2a; }
.admin-sidebar a { color:#fff; text-decoration:none; display:block; padding:10px 15px; border-radius:10px; }
.admin-sidebar a:hover { background:#1b263b; }
@media (max-width: 767px) { .hero-slide, .hero-content { min-height: 360px; } }