:root{
  --ugh-green:#0e7d43;
  --ugh-green-dark:#0a5c31;
  --ugh-text:#1c1c1c;
  --ugh-border:#e5e7eb;
  --ugh-search-bg:#f2f2f2;
  --ugh-max-width:1400px;
  --ugh-font:'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

.ugh-header, .ugh-header *{ box-sizing:border-box; }
.ugh-header{
  font-family:var(--ugh-font); background:#fff; color:var(--ugh-text);
  position:sticky; top:0; z-index:999; width:100%;
}
.ugh-header a{ color:inherit; text-decoration:none; }
.ugh-header button{ font-family:inherit; }

/* ================= TICKER ================= */
.ugh-ticker{
  width:100%; background:var(--ugh-green); color:#fff;
  overflow:hidden; height:38px; display:flex; align-items:center; font-size:13px; font-weight:500;
}
.ugh-ticker__track{
  display:flex; align-items:center; white-space:nowrap;
  animation:ugh-scroll 22s linear infinite; gap:60px; padding-left:60px;
}
.ugh-ticker__track span{ display:inline-block; }
@keyframes ugh-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media(prefers-reduced-motion: reduce){
  .ugh-ticker__track{ animation:none; }
}

/* ================= MAIN ROW ================= */
.ugh-main{
  max-width:var(--ugh-max-width); margin:0 auto; padding:18px 32px;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:32px;
}

.ugh-logo{ display:flex; align-items:center; gap:6px; color:var(--ugh-green); flex-shrink:0; }
.ugh-logo img{ height:36px; width:auto; max-width:160px; object-fit:contain; }
.ugh-logo svg{ width:30px; height:30px; }
.ugh-logo span{ font-size:26px; font-weight:700; line-height:1; }

.ugh-search{ max-width:640px; width:100%; }
.ugh-search form{ position:relative; display:flex; width:100%; }
.ugh-search input[type="search"]{
  width:100%; background:var(--ugh-search-bg); border:1px solid var(--ugh-search-bg);
  border-radius:8px; padding:12px 16px 12px 44px; font-size:14px; outline:none;
  transition:border-color .2s ease, background .2s ease;
}
.ugh-search input[type="search"]:focus{ background:#fff; border-color:var(--ugh-green); }
.ugh-search input::placeholder{ color:#8a8a8a; }
.ugh-search svg{
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color:#8a8a8a; pointer-events:none;
}

.ugh-actions{ display:flex; align-items:center; gap:26px; flex-shrink:0; }
.ugh-icon-link{ position:relative; display:flex; align-items:center; color:var(--ugh-text); }
.ugh-icon-link svg{ width:24px; height:24px; transition:color .2s ease; }
.ugh-icon-link:hover svg{ color:var(--ugh-green); }

.ugh-cart-count{
  position:absolute; top:-7px; right:-9px; background:var(--ugh-green); color:#fff;
  font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; padding:0 3px; line-height:1;
}

.ugh-burger{ display:none; background:none; border:none; cursor:pointer; padding:4px; }
.ugh-burger svg{ width:26px; height:26px; color:var(--ugh-text); }

/* ================= NAV ROW ================= */
.ugh-nav{
  max-width:var(--ugh-max-width); margin:0 auto; padding:0 32px 16px;
  display:flex; justify-content:center; gap:34px; flex-wrap:wrap;
  border-bottom:1px solid var(--ugh-border);
  padding-bottom:16px;
}
.ugh-nav a{
  font-size:13.5px; font-weight:600; letter-spacing:.02em; color:var(--ugh-text);
  padding-bottom:4px; border-bottom:2px solid transparent; transition:color .2s ease, border-color .2s ease;
}
.ugh-nav a:hover{ color:var(--ugh-green); border-bottom-color:var(--ugh-green); }

/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  .ugh-main{
    grid-template-columns:auto auto;
    grid-template-areas:
      "logo actions"
      "search search";
    row-gap:14px; column-gap:16px;
    padding:14px 20px;
  }
  .ugh-logo{ grid-area:logo; }
  .ugh-actions{ grid-area:actions; justify-self:end; }
  .ugh-search{ grid-area:search; max-width:100%; }
  .ugh-nav{ display:none; padding:0 20px 14px; }
  .ugh-nav.ugh-open{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
  .ugh-nav.ugh-open a{ padding:10px 0; width:100%; border-bottom:1px solid var(--ugh-border); }
  .ugh-burger{ display:inline-flex; }
}
@media(max-width:600px){
  .ugh-main{ padding:12px 16px; row-gap:12px; column-gap:12px; }
  .ugh-logo span{ font-size:20px; }
  .ugh-logo img{ height:28px; }
  .ugh-actions{ gap:16px; }
  .ugh-search input[type="search"]{ padding:11px 14px 11px 40px; font-size:14px; }
  .ugh-ticker__track{ gap:40px; padding-left:40px; font-size:12px; }
}