/* ===== Announcement Ticker ===== */
  .announcement-ticker {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: var(--ticker-bg);
    color: var(--ticker-fg);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    font-family: 'Segoe UI','Helvetica Neue',sans-serif;
    line-height: 1;
    padding: 10px 44px 10px 16px; /* slightly taller + room for close */
    overflow: hidden;
  }
  .announcement-ticker .ticker-viewport {
    overflow: hidden;
    white-space: nowrap;
    mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  }
  .announcement-ticker .ticker-track {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    will-change: transform;
    animation: ticker-scroll var(--ticker-speed, 28s) linear infinite; /* slower */
  }
  .announcement-ticker .ticker-item {
    font-weight: 700;
    letter-spacing: .3px; /* slightly more spacing */
    text-transform: uppercase;
    font-size: 15px; /* larger */
  }
  .announcement-ticker .ticker-sep {
    opacity: .55;
    font-size: 15px; /* match size */
  }
  .announcement-ticker:hover .ticker-track { animation-play-state: paused; }
  @keyframes ticker-scroll {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
  }
  .announcement-ticker .ticker-close {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 28px;
    width: 28px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    color: var(--ticker-fg);
    font-size: 18px;
    line-height: 1;
    opacity: .75;
    transition: opacity .2s ease, background .2s ease;
  }
  .announcement-ticker .ticker-close:hover { opacity: 1; background: rgba(255,255,255,0.12); }

  /* Respect prefers-reduced-motion */
  @media (prefers-reduced-motion: reduce) {
    .announcement-ticker .ticker-track { animation: none; }
  }

  /* ===== Existing Header Styles (unchanged) ===== */
  .site-header {
    background: linear-gradient(to bottom, #ffffff, #f9fbfd);
    padding: 10px 20px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    z-index: 999;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
  }

  .sticky-header {
    position: sticky;
    top: 0;
    backdrop-filter: blur(10px);
  }

  .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .header-logo img { height: 46px; }

  .desktop-nav {
    display: flex;
    flex: 1;
    justify-content: center;
  }

  .nav-list {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
  }

  .nav-item { position: relative; }

  .nav-item a, .nav-label {
    color: #1f2937;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 12px;
    transition: color 0.2s ease, background 0.2s ease;
    display: inline-block;
  }

  .nav-item a:hover, .nav-label:hover { color: #3b82f6; }
  .nav-label { cursor: default; }

  .has-dropdown:hover .dropdown { display: block; }

  .dropdown {
    display: none;
    position: absolute;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    list-style: none;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 180px;
  }

  .dropdown li a {
    color: #374151;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .dropdown li a:hover { background: #f3f4f6; color: #1e40af; }

  .header-right {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .cta-phone {
    background: linear-gradient(to right, #1e3a8a, #3b82f6);
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s ease;
  }

  .cta-phone:hover { background: #1e40af; }

  .header-cart {
    font-size: 24px;
    text-decoration: none;
    color: #1f2937;
  }

  .lower-menu {
    background-color: #ffffff;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    padding: 10px 0;
  }

  .lower-menu-list {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 16px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    transform: translateX(-10px);
  }

  .lower-item { position: relative; }

  .lower-item a {
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
    padding: 4px 8px;
    display: inline-block;
    font-size: 13px;
    transition: color 0.2s ease;
  }

  .lower-item a:hover { color: #3b82f6; }

  .lower-item:hover .dropdown { display: block; }

  @media screen and (min-width: 769px) {
    .lower-item a { font-size: 15px; }
  }

  @media screen and (max-width: 768px) {
    .desktop-nav { display: none; }
    .header-right { flex-direction: row; }
    .lower-menu-list {
      flex-direction: row;
      gap: 12px;
      justify-content: center;
    }
    .dropdown { position: absolute; top: 100%; }
  }/* CSS Document */