/* Site header (all website pages) — taller header with the highlighted sponsored ad strip */
.sh-site-header{
  box-shadow:0 4px 24px rgba(0,0,0,.55),0 1px 0 rgba(244,162,97,.25);
}
.sh-header-top{
  padding:16px 28px;
  min-height:92px;
  gap:18px;
  align-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);
}
.sh-logo{font-size:2.5rem}
.sh-search-inline input{
  padding:11px 18px 11px 42px;
  font-size:.92rem;
  border-radius:18px;
  border-color:rgba(255,255,255,.22);
}
.sh-search-inline .srch-icon{left:14px;font-size:1rem}
.sh-header-ad.sh-header-ad--featured{
  flex:1.15;
  min-height:72px;
  padding:12px 18px;
  border-radius:var(--sh-r);
  border:2px solid rgba(244,162,97,.45);
  background:linear-gradient(135deg,rgba(37,99,235,.28) 0%,rgba(124,58,237,.22) 45%,rgba(220,38,38,.18) 100%);
  box-shadow:0 6px 22px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.1);
  gap:14px;
}
.sh-header-ad--featured .header-ad-body{
  display:flex;align-items:center;gap:12px;min-width:0;flex:1;
}
.sh-header-ad--featured .header-ad-badge{
  background:linear-gradient(135deg,#f59e0b,#ea580c);
  color:#fff;font-size:.68rem;font-weight:800;
  padding:4px 10px;border-radius:4px;letter-spacing:.8px;
  flex-shrink:0;text-transform:uppercase;
  box-shadow:0 2px 8px rgba(245,158,11,.35);
}
.sh-header-ad--featured .header-ad-icon{
  width:44px;height:44px;border-radius:10px;
  background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;flex-shrink:0;
  border:1px solid rgba(255,255,255,.15);
}
.sh-header-ad--featured .header-ad-copy{
  min-width:0;display:flex;flex-direction:column;gap:2px;
}
.sh-header-ad--featured #topbarFttText{
  font-size:.9rem;color:rgba(255,255,255,.9);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sh-header-ad--featured #topbarFttText strong{
  color:#fde68a;font-size:.98rem;font-weight:800;
}
.sh-header-ad--featured .header-ad-cta,
.sh-header-ad--featured .ad-cta{
  background:linear-gradient(135deg,#f59e0b,#ea580c);
  color:#fff;
  padding:10px 20px;
  border-radius:22px;
  font-size:.88rem;font-weight:800;
  margin-left:10px;
  flex-shrink:0;
  box-shadow:0 4px 14px rgba(234,88,12,.4);
  transition:transform .2s,box-shadow .2s;
  text-decoration:none;
  display:inline-flex;align-items:center;
}
.sh-header-ad--featured .ad-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(234,88,12,.5);
  color:#fff;
}
.sh-header-actions .sh-login-btn,
.sh-header-actions .sh-account-btn{
  padding:8px 16px;font-size:.88rem;border-radius:18px;
}
.sh-header-actions .sh-bday-pill{padding:8px 14px;font-size:.82rem}
.sh-cat-nav{border-top:1px solid rgba(255,255,255,.1)}
.sh-cat-list{padding:0 28px}
.sh-cat-item{padding:16px 22px;font-size:1.05rem}

/* ── Topbar FTT rotating ad ─────────────────── */
#topbarFttAd{transition:opacity .3s}
#topbarFttAd.ftt-fade{opacity:0}
#topbarFttText strong{color:#fde68a}

/* ── Responsive ─────────────────────────────── */
@media(max-width:900px){
  .sh-header-top{padding:14px 18px;min-height:80px;gap:12px}
  .sh-header-ad.sh-header-ad--featured{min-height:64px;padding:10px 14px}
  .sh-header-ad--featured .header-ad-icon{width:38px;height:38px;font-size:1.15rem}
  .sh-header-ad--featured #topbarFttText{font-size:.82rem}
  .sh-header-ad--featured .ad-cta{padding:8px 14px;font-size:.8rem}
}
@media(max-width:640px){
  .sh-bday-pill{display:none}
  .sh-header-top{min-height:58px;padding:10px 14px;flex-wrap:wrap}
  .sh-header-ad.sh-header-ad--featured{
    display:flex!important;
    min-height:52px;
    flex:1 1 100%;
    order:4;
    margin-top:4px;
  }
  .sh-header-ad--featured .header-ad-icon{width:34px;height:34px;font-size:1rem}
  .sh-header-ad--featured #topbarFttText{white-space:normal;font-size:.78rem}
  .sh-header-ad--featured .ad-cta{padding:7px 12px;font-size:.75rem;margin-left:6px}
  .sh-logo{font-size:2rem}
}