/* RIB360-HOMEPAGE-MOBILE-PREMIUM-SHARED-HEADER-AND-DISCOVERY-BAR-CORRECTION-HR1-MP2-R1 */
/* One canonical premium header and discovery bar across the homepage and Browse Offers. */
.rib360-public-header.rib360-public-discovery-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  background: linear-gradient(180deg, rgba(255,249,238,.99), rgba(255,252,247,.985)) !important;
  border-bottom: 1px solid #f0dfbc !important;
  box-shadow: 0 8px 24px rgba(50,38,15,.06) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
.rib360-public-mobile-category-nav,
.rib360-oei1-s3-action-directory-shell,
.rib360-public-category-nav[data-oei1-s3-primary-actions="all-recommended"] { display: none !important; }

.rib360-public-discovery-tabs {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  width: min(100%, 720px) !important;
  margin: 10px auto 0 !important;
  padding: 4px !important;
  border: 1px solid #ead8b5 !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.74) !important;
  box-shadow: 0 6px 18px rgba(38,29,12,.045) !important;
}
.rib360-public-discovery-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  color: #243753 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.rib360-public-discovery-tab:hover,
.rib360-public-discovery-tab:focus-visible { background: #fff7e7 !important; color: #7c4d00 !important; }
.rib360-public-discovery-tab.is-active,
.rib360-public-discovery-tab[aria-current="page"] {
  background: #fff !important;
  color: #8a5600 !important;
  box-shadow: 0 3px 12px rgba(82,57,12,.10) !important;
}

/* Mobile footer remains compact. */
.rib360-public-footer-mobile-links { display: none; }
@media (max-width:900px) {
  html body .rib360-public-footer.rib360-public-footer-root-standard { display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;margin-top:30px!important;overflow:visible!important;padding:18px 16px calc(16px + env(safe-area-inset-bottom))!important; }
  html body .rib360-public-footer.rib360-public-footer-root-standard .rib360-public-footer-shell { display:none!important; }
  html body .rib360-public-footer.rib360-public-footer-root-standard .rib360-public-footer-mobile-links { display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px 18px!important;margin:0 auto 12px!important; }
  html body .rib360-public-footer.rib360-public-footer-root-standard .rib360-public-footer-mobile-links a { color:#334155!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important; }
  html body .rib360-public-footer.rib360-public-footer-root-standard .rib360-public-copyright { padding:0!important;margin:0!important;min-height:0!important;justify-content:center!important;font-size:12px!important; }
}

@media (max-width:720px) {
  .rib360-public-header.rib360-public-discovery-header { position:sticky!important;top:0!important;z-index:1200!important; }
  .rib360-public-discovery-shell { width:100%!important;padding:10px 14px 8px!important; }
  .rib360-public-discovery-main { grid-template-columns:minmax(0,1fr) 44px 48px!important;align-items:center!important;gap:8px!important; }
  .rib360-public-discovery-header .rib360-public-brand { grid-column:1!important;grid-row:1!important;align-items:flex-start!important;min-width:0!important; }
  .rib360-public-discovery-header .rib360-public-brand img { width:112px!important;max-width:112px!important;max-height:38px!important;height:auto!important; }
  .rib360-public-discovery-header .rib360-public-brand span { margin-top:2px!important;font-size:8.5px!important;line-height:1.05!important;letter-spacing:.035em!important;text-transform:none!important;white-space:nowrap!important; }
  .rib360-public-discovery-header .rib360-public-account-rail { grid-column:3!important;grid-row:1!important;align-self:center!important; }
  .rib360-public-discovery-header .rib360-public-account-button { width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important; }

  /* No-JS fallback keeps the complete search usable. JS collapses it into the icon. */
  .rib360-public-discovery-search { grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin-top:8px!important; }
  .rib360-public-discovery-search .rib360-public-search-field { width:100%!important;min-width:0!important;min-height:48px!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search:not(.is-mobile-open) { grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;width:44px!important;max-width:44px!important;min-height:44px!important;margin-top:0!important;display:block!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search:not(.is-mobile-open) .rib360-public-search-field { width:44px!important;min-width:44px!important;min-height:44px!important;grid-template-columns:44px!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search:not(.is-mobile-open) .rib360-public-search-leading,
  html.rib360-mobile-search-ready .rib360-public-discovery-search:not(.is-mobile-open) .rib360-public-search-field input { display:none!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search:not(.is-mobile-open) .rib360-public-search-field button { width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search.is-mobile-open { grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin-top:8px!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search.is-mobile-open .rib360-public-search-field { width:100%!important;min-width:0!important;min-height:48px!important;grid-template-columns:24px minmax(0,1fr) 42px!important;padding:3px 4px 3px 13px!important;border:1px solid #dfa83e!important;border-radius:999px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important; }
  html.rib360-mobile-search-ready .rib360-public-discovery-search.is-mobile-open .rib360-public-search-leading,
  html.rib360-mobile-search-ready .rib360-public-discovery-search.is-mobile-open .rib360-public-search-field input { display:block!important; }

  .rib360-public-discovery-tabs { grid-column:1/-1!important;width:100%!important;margin:8px 0 0!important;padding:3px!important;border-radius:14px!important; }
  .rib360-public-discovery-tab { min-height:40px!important;padding:7px 5px!important;font-size:12px!important;letter-spacing:-.01em!important; }

  /* Remove duplicate page-level mobile discovery calls to action. The shared category bar is the single route. */
  .rib360-hr1-hero-actions .rib360-hr1-action-browse,
  .rib360-offers-hero-actions-c3p { display:none!important; }
}
@media (max-width:350px) {
  .rib360-public-discovery-shell { padding-inline:10px!important; }
  .rib360-public-discovery-header .rib360-public-brand img { width:104px!important;max-width:104px!important; }
  .rib360-public-discovery-tab { font-size:11px!important;padding-inline:3px!important; }
}

/* HR1-MP2-R2: restore the original transparent icon-led desktop discovery row. */
@media (min-width: 721px) {
  .rib360-public-discovery-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(30px, 7vw, 96px) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .rib360-public-discovery-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 6px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #193654 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
  }
  .rib360-public-discovery-tab:hover,
  .rib360-public-discovery-tab:focus-visible {
    background: transparent !important;
    color: #8a5600 !important;
  }
  .rib360-public-discovery-tab.is-active,
  .rib360-public-discovery-tab[aria-current="page"] {
    background: transparent !important;
    box-shadow: none !important;
    color: #8a5600 !important;
  }
  .rib360-public-discovery-tab-icon {
    display: inline-flex !important;
    width: 22px !important;
    min-width: 22px !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .rib360-public-discovery-tab-plus {
    display: inline-flex !important;
    margin-left: 3px !important;
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 720px) {
  .rib360-public-discovery-tab-icon,
  .rib360-public-discovery-tab-plus { display: none !important; }
}