.elementor-kit-61{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
/* === TOP BLACK BAR === */
.top-banner {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 6px 0;
  overflow: hidden;
  position: relative;
}

.top-banner span {
  display: inline-block;
  white-space: nowrap;
  animation: slideText 10s linear infinite;
}

@keyframes slideText {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}

/* === SECOND STRIP (FLAG + FEATURES) === */
.info-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9f9fb;
  padding: 6px 30px;
  font-size: 14px;
  color: #111;
  font-weight: 600;
  flex-wrap: wrap;
}

.info-left img {
  height: 16px;
  margin-right: 8px;
  border-radius: 2px;
}
.info-left {
  display: flex;
  align-items: center;
}

.info-right {
  display: flex;
  align-items: center;
  gap: 25px;
}
.info-right div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.info-right img {
  height: 16px;
}

/* === MAIN HEADER === */
.main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 40px;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.logo img {
  height: 38px;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
.nav-menu a {
  color: #111;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}
.nav-menu a:hover {
  color: #ff6600;
}

.cart-icon {
  font-size: 20px;
  margin-left: 10px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .info-bar, .main-header {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .nav-menu {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
</style>

<!-- === HEADER HTML === -->
<div class="top-banner">
  <span>SPECIAL LIMITED TIME OFFER | SAVE UP TO 70%</span>
</div>

<div class="info-bar">
  <div class="info-left">
    <img src="http://luhxebags.com/wp-content/uploads/2025/11/united-states-flag-painted-commercial-delivery-van-freight-delivery-usa-concept-3d-rendering_808337-8884.avif" alt="Flag">
    USA’S #1 LEADING BAG BRAND
  </div>
  <div class="info-right">
    <div><img src="http://luhxebags.com/wp-content/uploads/2025/11/shipping-fallback.jpg" alt="Shipping"> FAST SHIPPING</div>
    <div><img src="http://luhxebags.com/wp-content/uploads/2025/11/refund-fallback.jpg" alt="Refund"> 30-DAY MONEY BACK</div>
  </div>
</div>

<div class="main-header">
  <div class="logo">
    <img src="http://luhxebags.com/wp-content/uploads/2025/11/download.png" alt="Logo">
  </div>
  <div class="nav-menu">
    <a href="#">FEATURES</a>
    <a href="#">HOW IT WORKS</a>
    <a href="#">REVIEWS</a>
    <a href="#">FAQ</a>
    <a href="#">CONTACT</a>
    <span class="cart-icon">🛒</span>
  </div>
</div>/* End custom CSS */