:root {
  --navy: #06265f;
  --navy-dark: #031b49;
  --blue: #0759cf;
  --blue-bright: #0b63f3;
  --ice: #eef7ff;
  --ice-strong: #dceeff;
  --red: #cf172d;
  --red-dark: #cf172d;
  --ink: #092557;
  --muted: #64748b;
  --line: #d9e4f2;
  --soft: #f6f9fd;
  --white: #fff;
  --success: #08783f;
  --shadow: 0 10px 30px rgb(4 37 88 / 10%);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}

body,
button,
input,
select,
textarea {
  font-family: Inter, Arial, Helvetica, sans-serif;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.shell {
  width: min(100% - 80px, 1420px);
  margin-inline: auto;
}

.screen-reader-text,
.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  z-index: 9999;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  padding: 12px 16px;
  clip: auto;
  color: var(--white);
  background: var(--navy);
}

.site-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  background: var(--white);
  box-shadow: 0 1px 0 var(--line);
}

.utility-bar {
  color: var(--white);
  background: var(--blue);
  font-size: 12px;
}

.utility-bar__inner {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.utility-bar p {
  margin: 0;
  font-weight: 800;
}

.utility-bar nav {
  display: flex;
  align-items: center;
  gap: 0;
}

.utility-bar nav a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  border-left: 1px solid rgb(255 255 255 / 24%);
  font-weight: 600;
}

.utility-bar nav a:hover,
.utility-bar nav a:focus-visible {
  background: rgb(255 255 255 / 12%);
}

.utility-bar .dashicons {
  width: 17px;
  height: 17px;
  font-size: 17px;
}

.main-header {
  min-height: 88px;
  display: grid;
  grid-template-columns: 325px minmax(320px, 1fr) auto;
  align-items: center;
  gap: 34px;
}

.brand {
  display: block;
  width: min(100%, 315px);
}

.brand img {
  width: 100%;
  height: auto;
}

.product-search {
  height: 48px;
  display: grid;
  grid-template-columns: 44px 1fr 126px;
  align-items: center;
  overflow: hidden;
  background: var(--soft);
  border: 1px solid #cfdceb;
  border-radius: 7px;
}

.product-search .dashicons {
  justify-self: center;
  width: 22px;
  height: 22px;
  color: var(--blue);
  font-size: 22px;
}

.product-search input[type='search'] {
  min-width: 0;
  height: 46px;
  padding: 0 10px;
  color: var(--ink);
  background: transparent;
  border: 0;
  outline: 0;
}

.product-search button {
  align-self: stretch;
  color: var(--white);
  background: var(--blue);
  border: 0;
  cursor: pointer;
  font-weight: 800;
}

.product-search button:hover,
.product-search button:focus-visible {
  background: var(--navy);
}

.header-actions {
  display: flex;
  align-items: stretch;
}

.header-actions > a {
  min-width: 120px;
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  border-left: 1px solid var(--line);
}

.header-actions .dashicons {
  width: 32px;
  height: 32px;
  color: var(--navy);
  font-size: 32px;
}

.header-actions a > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.header-actions strong {
  font-size: 13px;
}

.header-actions small {
  margin-top: 3px;
  font-size: 12px;
}

.mobile-menu-toggle {
  display: none;
}

.department-nav {
  border-top: 1px solid var(--line);
}

.department-nav__inner {
  height: 44px;
  display: flex;
  align-items: center;
  overflow: visible;
}

.department-nav__inner > a,
.all-departments {
  height: 44px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  color: var(--navy);
  background: var(--white);
  border: 0;
  border-right: 1px solid #e5edf7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.department-nav__inner > a .dashicons {
  display: none;
}

.department-nav__inner > a:hover,
.department-nav__inner > a:focus-visible,
.all-departments:hover,
.all-departments:focus-visible {
  color: var(--blue);
  background: var(--ice);
}

.department-nav__inner > a:nth-of-type(n + 10):not(.deals-link) {
  display: none;
}

.all-departments-menu {
  position: relative;
  flex: 0 0 auto;
}

.all-departments {
  padding-left: 4px;
  padding-right: 20px;
  font-size: 13px;
}

.all-departments .dashicons {
  color: var(--blue);
}

.all-departments__arrow {
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.all-departments-menu.is-open .all-departments__arrow {
  transform: rotate(180deg);
}

.all-departments-dropdown {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 1100;
  width: min(900px, calc(100vw - 80px));
  padding: 24px;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue);
  box-shadow: var(--shadow);
}

.all-departments-dropdown[hidden] {
  display: none;
}

.all-departments-dropdown__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.all-departments-dropdown__heading div {
  display: flex;
  flex-direction: column;
}

.all-departments-dropdown__heading small {
  color: var(--muted);
}

.all-departments-dropdown__heading a {
  color: var(--blue);
  font-weight: 800;
}

.all-departments-dropdown__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.all-departments-dropdown__grid a {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
}

.all-departments-dropdown__grid a:hover,
.all-departments-dropdown__grid a:focus-visible {
  color: var(--blue);
  background: var(--ice);
}

.all-departments-dropdown__grid .dashicons {
  color: var(--blue);
}

.deals-link {
  margin-left: auto;
  color: var(--red) !important;
}

.membership-ribbon {
  background: var(--ice-strong);
  border-bottom: 1px solid #c6def8;
}

.membership-ribbon__inner {
  min-height: 78px;
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 0.9fr) 1.1fr auto;
  align-items: center;
  gap: 22px;
}

.membership-ribbon__lead,
.membership-ribbon__benefit {
  display: flex;
  align-items: center;
  gap: 14px;
}

.membership-ribbon__lead p {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.membership-ribbon__lead strong {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.1;
}

.membership-ribbon__lead small {
  margin-top: 3px;
  color: var(--navy);
  font-size: 12px;
}

.membership-ribbon .dashicons {
  width: 38px;
  height: 38px;
  color: var(--blue);
  font-size: 38px;
}

.membership-ribbon__benefit {
  padding-left: 18px;
  border-left: 1px solid #bad4ef;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.membership-ribbon__benefit .dashicons {
  width: 28px;
  height: 28px;
  font-size: 28px;
}

.membership-ribbon__price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  color: var(--blue);
}

.membership-ribbon__price strong {
  white-space: nowrap;
  font-size: 20px;
}

.membership-ribbon__price small {
  font-size: 11px;
}

.membership-ribbon__price span {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.primary-button,
.hero-button,
.membership-conversion__join {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  color: var(--white);
  background: var(--blue);
  border: 0;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 850;
}

.primary-button:hover,
.primary-button:focus-visible,
.membership-conversion__join:hover,
.membership-conversion__join:focus-visible {
  background: var(--navy);
}

.club-hero {
  width: min(100%, 1488px);
  min-height: 352px;
  display: grid;
  grid-template-columns: 38% 36% 26%;
  margin-inline: auto;
  overflow: hidden;
  background: var(--navy);
}

.club-hero__copy {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 42px 36px 42px 48px;
  color: var(--white);
  background: var(--navy);
}

.eyebrow {
  margin: 0 0 10px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.club-hero__copy .eyebrow,
.membership-conversion .eyebrow,
.supplier-banner .eyebrow {
  color: #79dbff;
}

.club-hero__copy h1 {
  margin: 0;
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-transform: uppercase;
}

.club-hero__copy > p:not(.eyebrow) {
  margin: 18px 0 22px;
  color: #e2ecfb;
  font-size: 16px;
}

.hero-button {
  min-width: 218px;
  background: var(--red);
}

.hero-button:hover,
.hero-button:focus-visible {
  background: var(--red-dark);
}

.club-hero__image {
  min-width: 0;
  background: #0f3159;
}

.club-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
}

.club-hero__membership {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 34px;
  background: var(--white);
}

.club-hero__membership h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(36px, 3.2vw, 54px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.96;
  text-transform: uppercase;
}

.club-hero__membership ul {
  display: grid;
  gap: 7px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}

.club-hero__membership li {
  display: flex;
  align-items: center;
  gap: 9px;
}

.club-hero__membership li .dashicons {
  width: 18px;
  height: 18px;
  color: var(--blue);
  font-size: 18px;
}

.club-hero__plan {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 12px;
  color: var(--blue);
}

.club-hero__plan strong {
  font-size: 20px;
}

.club-hero__plan small {
  font-size: 11px;
}

.club-hero__plan > span {
  width: 1px;
  height: 22px;
  background: var(--line);
}

.club-hero__membership .primary-button {
  width: 100%;
}

.service-strip {
  min-height: 76px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  width: 100%;
  padding-inline: max(40px, calc((100vw - 1420px) / 2));
  background: var(--ice);
  border-bottom: 1px solid var(--line);
}

.service-strip > div {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 10px 24px;
  border-right: 1px solid var(--line);
}

.service-strip > div:last-child {
  border-right: 0;
}

.service-strip .dashicons {
  width: 38px;
  height: 38px;
  color: var(--blue);
  font-size: 38px;
}

.service-strip p {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.service-strip strong {
  color: var(--navy);
  font-size: 14px;
}

.service-strip small {
  color: var(--muted);
  font-size: 11px;
}

.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 26px;
}

.section-heading h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(31px, 3.2vw, 46px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1;
}

.section-heading p:not(.eyebrow) {
  margin: 8px 0 0;
  color: var(--muted);
}

.section-heading > a {
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 13px;
  font-weight: 850;
}

.department-showcase {
  padding-top: 68px;
  padding-bottom: 74px;
}

.department-showcase__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px 16px;
}

.department-showcase__grid > a {
  min-height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 8px;
  text-align: center;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 9px;
}

.department-showcase__grid > a:hover,
.department-showcase__grid > a:focus-visible {
  color: var(--blue);
  border-color: var(--blue);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.department-showcase__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  background: var(--white);
  border: 2px solid var(--blue);
  border-radius: 50%;
}

.department-showcase__icon .dashicons {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.department-showcase__grid strong {
  color: var(--navy);
  font-size: 13px;
}

.featured-deals {
  padding-top: 62px;
  padding-bottom: 78px;
  border-top: 1px solid var(--line);
}

.featured-deals__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.deal-card {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.deal-card:hover {
  border-color: #a6c2e8;
  box-shadow: var(--shadow);
}

.deal-card__saving {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding: 5px 9px;
  color: var(--white);
  background: var(--red);
  border-radius: 5px;
  font-size: 11px;
  font-weight: 850;
}

.deal-card__image {
  height: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 16px 8px;
  background: var(--white);
}

.deal-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.deal-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 13px 13px 14px;
}

.deal-card h3 {
  min-height: 51px;
  margin: 0 0 12px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
}

.deal-card h3 a:hover,
.deal-card h3 a:focus-visible {
  color: var(--blue);
}

.deal-card__price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 5px;
  margin-top: 3px;
  font-size: 11px;
}

.deal-card__price--normal {
  color: var(--muted);
}

.deal-card__price--normal del {
  white-space: nowrap;
}

.deal-card__price--member {
  color: var(--red);
  font-weight: 850;
}

.deal-card__price--normal strong,
.deal-card__price--member strong {
  white-space: nowrap;
  font-size: 16px;
}

.deal-card__button {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 13px;
  color: var(--white);
  background: var(--blue);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 800;
}

.deal-card__button:hover,
.deal-card__button:focus-visible {
  background: var(--navy);
}

.deal-card__button .dashicons {
  width: 17px;
  height: 17px;
  font-size: 17px;
}

.shopping-paths {
  padding-top: 68px;
  padding-bottom: 78px;
}

.shopping-paths__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.shopping-paths__grid > a {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--navy);
}

.shopping-paths__grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
  transition: transform 180ms ease;
}

.shopping-paths__grid > a:hover img,
.shopping-paths__grid > a:focus-visible img {
  transform: scale(1.025);
}

.shopping-paths__grid > a > span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 34px 30px 28px;
  color: var(--white);
  background: rgb(3 27 73 / 82%);
}

.shopping-paths__grid small {
  color: #9ddfff;
  font-weight: 800;
  text-transform: uppercase;
}

.shopping-paths__grid strong {
  margin: 3px 0 12px;
  font-size: 30px;
  line-height: 1;
}

.shopping-paths__grid em {
  color: var(--white);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.membership-conversion {
  color: var(--white);
  background: var(--navy);
}

.membership-conversion__inner {
  min-height: 440px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.membership-conversion__copy h2 {
  margin: 0;
  font-size: clamp(50px, 5.6vw, 82px);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-transform: uppercase;
}

.membership-conversion__copy > p:not(.eyebrow) {
  max-width: 600px;
  margin: 22px 0;
  color: #d7e5fb;
}

.membership-conversion__copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 700;
}

.membership-conversion__copy li {
  display: flex;
  align-items: center;
  gap: 7px;
}

.membership-conversion__copy li .dashicons {
  color: #70dcff;
}

.membership-conversion__plans {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.membership-plan {
  min-height: 172px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 24px;
  color: var(--navy);
  background: var(--white);
  border: 3px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  text-align: left;
}

.membership-plan.is-selected {
  border-color: #77d8ff;
  box-shadow: 0 0 0 2px var(--blue);
}

.membership-plan small {
  color: var(--blue);
  font-weight: 850;
  text-transform: uppercase;
}

.membership-plan strong {
  margin: 8px 0 5px;
  color: var(--blue);
  font-size: 40px;
  line-height: 1;
}

.membership-plan strong span {
  font-size: 13px;
}

.membership-plan em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.membership-conversion__join {
  grid-column: 1 / -1;
  min-height: 58px;
  background: var(--red);
  font-size: 17px;
}

.membership-conversion__join:hover,
.membership-conversion__join:focus-visible {
  background: var(--red-dark);
}

.trusted-brands {
  padding-top: 70px;
  padding-bottom: 72px;
  text-align: center;
}

.trusted-brands h2 {
  margin: 0 0 34px;
  color: var(--navy);
  font-size: 42px;
  letter-spacing: -0.04em;
}

.trusted-brands__row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.trusted-brands__row strong {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  color: #637792;
  border-right: 1px solid var(--line);
  font-size: clamp(14px, 1.8vw, 24px);
  letter-spacing: -0.03em;
}

.trusted-brands__row strong:last-child {
  border-right: 0;
}

.service-strip--lower {
  margin-bottom: 70px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.supplier-banner {
  color: var(--white);
  background: var(--blue);
}

.supplier-banner__inner {
  min-height: 330px;
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  align-items: stretch;
  overflow: hidden;
}

.supplier-banner__inner > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 50px 50px 0;
}

.supplier-banner h2 {
  margin: 0;
  font-size: clamp(42px, 4.5vw, 68px);
  letter-spacing: -0.05em;
  line-height: 1;
}

.supplier-banner p:not(.eyebrow) {
  max-width: 640px;
  margin: 16px 0 22px;
}

.supplier-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-footer {
  color: #d6e4f9;
  background: var(--navy-dark);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1.8fr repeat(4, 1fr);
  gap: 48px;
  padding-top: 62px;
  padding-bottom: 48px;
}

.site-footer__grid > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.site-footer__brand img {
  width: 240px;
  padding: 12px;
  background: var(--white);
  border-radius: 5px;
}

.site-footer__brand p {
  max-width: 320px;
  margin: 8px 0 0;
}

.site-footer strong {
  color: var(--white);
}

.site-footer__grid > div:not(.site-footer__brand) > strong {
  margin-bottom: 7px;
  font-size: 15px;
}

.site-footer p,
.site-footer a {
  margin: 0;
  font-size: 12px;
}

.site-footer a:hover,
.site-footer a:focus-visible {
  color: #79dbff;
}

.site-footer__socials {
  display: flex;
  gap: 8px;
}

.site-footer__socials a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background: rgb(255 255 255 / 11%);
  border-radius: 50%;
}

.site-footer__bottom {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgb(255 255 255 / 14%);
  font-size: 11px;
}

.membership-dialog {
  width: min(92vw, 520px);
  padding: 36px;
  color: var(--navy);
  background: var(--white);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 26px 90px rgb(3 27 73 / 40%);
}

.membership-dialog::backdrop {
  background: rgb(3 27 73 / 74%);
}

.dialog-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  color: var(--navy);
  background: var(--ice);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
}

.membership-dialog h2 {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1;
}

.membership-dialog > p:not(.eyebrow) {
  color: var(--muted);
}

.membership-dialog .selected-plan {
  padding: 12px 14px;
  color: var(--navy) !important;
  background: var(--ice);
  border-radius: 6px;
  font-weight: 800;
}

.membership-interest-form {
  display: grid;
  gap: 8px;
}

.membership-interest-form label {
  font-size: 13px;
  font-weight: 800;
}

.membership-interest-form input {
  height: 48px;
  padding: 0 13px;
  border: 1px solid #afc5e1;
  border-radius: 6px;
}

.membership-interest-form button {
  min-height: 48px;
  color: var(--white);
  background: var(--blue);
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 800;
}

.form-success {
  padding: 14px;
  color: var(--success) !important;
  background: #edf9f3;
  border-radius: 6px;
  font-weight: 700;
}

.content-page,
.commerce-page {
  min-height: 58vh;
  padding-top: 54px;
  padding-bottom: 72px;
}

.content-page article {
  max-width: 920px;
  margin-inline: auto;
}

.content-page h1,
.supplier-hero h1 {
  margin: 0 0 24px;
  color: var(--navy);
  font-size: clamp(42px, 5vw, 66px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.content-page h2 {
  margin: 36px 0 10px;
  color: var(--navy);
}

.content-page p,
.content-page li {
  color: var(--muted);
  font-size: 17px;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  color: var(--white);
  background: var(--blue);
  border-radius: 6px;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  color: var(--white);
  background: var(--navy);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--blue);
}

.woocommerce .dual-price {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 13px;
}

.woocommerce .dual-price__normal,
.woocommerce .dual-price__member {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.woocommerce .dual-price__member {
  color: var(--red);
  font-weight: 850;
}

.woocommerce .dual-price__normal strong,
.woocommerce .dual-price__member strong {
  font-size: 1.2em;
}

.supplier-hero {
  color: var(--white);
  background: var(--navy);
}

.supplier-hero__inner {
  min-height: 430px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 54px;
  overflow: hidden;
}

.supplier-hero h1 {
  color: var(--white);
}

.supplier-hero p:not(.eyebrow) {
  max-width: 660px;
  color: #d9e7ff;
}

.supplier-hero img {
  width: 100%;
  height: 360px;
  object-fit: contain;
}

.supplier-benefits,
.supplier-application {
  padding-top: 72px;
  padding-bottom: 72px;
}

.supplier-benefits h2,
.supplier-requirements h2,
.supplier-application h2 {
  color: var(--navy);
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1;
  letter-spacing: -0.045em;
}

.supplier-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.supplier-benefit-grid article {
  padding: 30px;
  background: var(--ice);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.supplier-benefit-grid .dashicons {
  width: 42px;
  height: 42px;
  color: var(--blue);
  font-size: 42px;
}

.supplier-requirements {
  padding: 58px 0;
  background: var(--soft);
}

.supplier-requirements__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: center;
}

.supplier-requirements ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.supplier-requirements li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px 18px;
  background: var(--white);
  border-radius: 8px;
  font-weight: 700;
}

.supplier-application {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;
}

.supplier-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 28px;
  background: var(--ice);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.supplier-form label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 800;
}

.supplier-form input,
.supplier-form select,
.supplier-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  background: var(--white);
  border: 1px solid #b8cce7;
  border-radius: 6px;
}

.supplier-form__wide {
  grid-column: 1 / -1;
}

.supplier-form__notice {
  padding: 14px;
  color: var(--success);
  background: #edf9f3;
  border-radius: 6px;
  font-weight: 700;
}

/* Approved reference: compact warehouse-club homepage proportions. */
.club-hero__image {
  position: relative;
}

.club-hero__image img {
  object-position: center;
}

.club-hero__motto {
  position: absolute;
  bottom: 38px;
  left: 40px;
  color: var(--white);
  font-family: cursive;
  font-size: 22px;
  font-style: italic;
  line-height: 0.95;
  text-shadow: 0 2px 8px rgb(0 0 0 / 35%);
  transform: rotate(-7deg);
}

.department-showcase {
  padding-top: 34px;
  padding-bottom: 42px;
}

.department-showcase .section-heading {
  margin-bottom: 18px;
}

.department-showcase__grid {
  gap: 14px 16px;
}

.department-showcase__grid > a {
  min-height: 102px;
  gap: 8px;
  padding: 8px;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.department-showcase__grid > a:hover,
.department-showcase__grid > a:focus-visible {
  background: var(--ice);
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

.department-showcase__icon {
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 0;
}

.department-showcase__icon svg {
  width: 54px;
  height: 54px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.featured-deals {
  padding-top: 34px;
  padding-bottom: 38px;
}

.featured-deals .section-heading {
  margin-bottom: 15px;
}

.deal-card__saving {
  display: none;
}

.deal-card__image {
  height: 142px;
  padding: 12px 10px 4px;
}

.deal-card__content {
  padding: 9px 10px 11px;
}

.deal-card h3 {
  min-height: 43px;
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 1.25;
}

.deal-card__price {
  margin-top: 1px;
  font-size: 10px;
}

.deal-card__price--normal strong,
.deal-card__price--member strong {
  font-size: 14px;
}

.deal-card__button {
  min-height: 36px;
  margin-top: 8px;
  font-size: 11px;
}

.shopping-paths {
  padding-top: 18px;
  padding-bottom: 18px;
}

.shopping-paths__grid {
  gap: 10px;
}

.shopping-paths__grid > a {
  min-height: 300px;
  border-radius: 0;
}

.shopping-paths__grid > a > span {
  padding: 26px 24px 22px;
}

.shopping-paths__grid strong {
  margin: 2px 0 6px;
  font-size: 26px;
}

.membership-conversion__inner {
  min-height: 320px;
  gap: 56px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.membership-conversion__mini-logo {
  display: block;
  margin-bottom: 5px;
  color: var(--white);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.membership-conversion__copy .eyebrow {
  display: none;
}

.membership-conversion__copy h2 {
  font-size: clamp(48px, 5vw, 68px);
}

.membership-conversion__copy > p:not(.eyebrow) {
  margin: 14px 0;
  font-size: 13px;
}

.membership-conversion__copy ul {
  display: none;
}

.membership-conversion__plans {
  gap: 8px;
}

.membership-plan {
  min-height: 150px;
  padding: 18px;
  border-radius: 5px;
}

.membership-plan strong {
  margin: 4px 0;
  font-size: 34px;
}

.membership-plan em {
  font-size: 10px;
}

.membership-plan__benefits {
  margin-top: 8px;
  color: var(--navy);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.45;
}

.membership-conversion__join {
  min-height: 42px;
  background: var(--blue);
  font-size: 13px;
}

.trusted-brands {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}

.trusted-brands h2 {
  margin: 0;
  font-size: 30px;
}

.trusted-brands > p {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 11px;
}

.trusted-brands__row {
  grid-template-columns: repeat(8, 1fr);
  border: 0;
}

.trusted-brands__row strong {
  min-height: 52px;
  padding: 6px;
  border: 0;
  font-size: clamp(13px, 1.55vw, 22px);
}

.brand-bosch,
.brand-tac,
.brand-3m {
  color: var(--red) !important;
}

.brand-makita {
  padding: 5px 10px !important;
  color: var(--white) !important;
  background: var(--red);
  font-style: italic;
}

.brand-dewalt {
  color: #111 !important;
  background: #f4c300;
}

.brand-stanley {
  color: #111 !important;
}

.brand-nippon {
  color: #16469c !important;
}

.brand-panasonic {
  color: #16469c !important;
}

.service-strip--lower {
  min-height: 58px;
  margin-bottom: 0;
  background: var(--ice);
  border: 0;
  border-radius: 0;
}

.service-strip--lower .dashicons {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.supplier-banner {
  color: var(--navy);
  background: var(--ice);
}

.supplier-banner__inner {
  min-height: 190px;
  grid-template-columns: 0.95fr 1.1fr 0.8fr;
  align-items: center;
}

.supplier-banner__inner > img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

.supplier-banner__inner > div {
  padding: 22px 30px;
}

.supplier-banner h2 {
  font-size: 32px;
}

.supplier-banner p:not(.eyebrow) {
  margin: 5px 0 12px;
  font-size: 12px;
}

.supplier-banner .hero-button {
  min-width: 160px;
  min-height: 38px;
  background: var(--blue);
  font-size: 11px;
}

.supplier-banner ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 20px;
  list-style: none;
  font-size: 12px;
}

.supplier-banner li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.supplier-banner li .dashicons {
  color: var(--blue);
}

.site-footer__grid {
  gap: 34px;
  padding-top: 28px;
  padding-bottom: 22px;
}

.site-footer__brand img {
  width: 200px;
  padding: 8px;
}

.site-footer__brand p {
  margin-top: 3px;
}

.site-footer__grid > div {
  gap: 6px;
}

.site-footer__bottom {
  min-height: 42px;
}

@media (max-width: 1240px) {
  .shell {
    width: min(100% - 48px, 1420px);
  }

  .main-header {
    grid-template-columns: 240px minmax(280px, 1fr) auto;
    gap: 20px;
  }

  .brand {
    width: 235px;
  }

  .header-actions > a {
    min-width: auto;
    padding-inline: 12px;
  }

  .department-nav__inner > a:nth-of-type(n + 7):not(.deals-link) {
    display: none;
  }

  .membership-ribbon__inner {
    grid-template-columns: 1.5fr repeat(2, 0.8fr) 1.1fr auto;
  }

  .membership-ribbon__benefit:nth-of-type(4) {
    display: none;
  }

  .club-hero {
    grid-template-columns: 36% 39% 25%;
  }

  .club-hero__copy {
    padding-left: 30px;
  }

  .club-hero__membership {
    padding: 24px;
  }

  .featured-deals__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .deal-card:nth-child(n + 9) {
    display: none;
  }
}

@media (max-width: 960px) {
  .utility-bar__inner {
    width: 100%;
    padding-inline: 20px;
  }

  .utility-bar p {
    display: none;
  }

  .utility-bar nav {
    width: 100%;
    justify-content: center;
  }

  .main-header {
    grid-template-columns: 220px 1fr auto;
    gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .product-search {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .header-actions > a:first-child {
    display: none;
  }

  .mobile-menu-toggle {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--navy);
    background: var(--ice);
    border: 0;
    border-radius: 6px;
  }

  .department-nav {
    display: none;
  }

  .department-nav.is-open {
    display: block;
    max-height: 70vh;
    overflow-y: auto;
  }

  .department-nav__inner {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 10px 20px 18px;
  }

  .all-departments-menu {
    grid-column: 1 / -1;
  }

  .all-departments {
    width: 100%;
    justify-content: flex-start;
    padding-left: 12px;
  }

  .all-departments__arrow {
    margin-left: auto;
  }

  .department-nav__inner > a,
  .department-nav__inner > a:nth-of-type(n) {
    display: inline-flex;
    justify-content: flex-start;
    border-bottom: 1px solid var(--line);
  }

  .department-nav__inner > a .dashicons {
    display: inline-block;
    color: var(--blue);
  }

  .deals-link {
    margin-left: 0;
  }

  .all-departments-dropdown {
    position: static;
    width: 100%;
    border-top-width: 1px;
    box-shadow: none;
  }

  .all-departments-dropdown__grid {
    grid-template-columns: 1fr 1fr;
  }

  .membership-ribbon__inner {
    min-height: 72px;
    grid-template-columns: 1fr auto;
  }

  .membership-ribbon__benefit,
  .membership-ribbon__price {
    display: none;
  }

  .club-hero {
    grid-template-columns: 1fr 1fr;
  }

  .club-hero__copy,
  .club-hero__image {
    min-height: 390px;
  }

  .club-hero__membership {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    padding: 36px;
  }

  .club-hero__membership .eyebrow,
  .club-hero__membership h2 {
    grid-column: 1;
  }

  .club-hero__membership ul {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .club-hero__plan {
    grid-column: 1;
  }

  .club-hero__membership .primary-button {
    grid-column: 2;
    align-self: end;
  }

  .department-showcase__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .featured-deals__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .deal-card:nth-child(n) {
    display: flex;
  }

  .shopping-paths__grid {
    gap: 14px;
  }

  .shopping-paths__grid > a {
    min-height: 310px;
  }

  .membership-conversion__inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .site-footer__grid {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .service-strip > div {
    padding-inline: 12px;
  }
}

@media (max-width: 700px) {
  .shell {
    width: min(100% - 32px, 1420px);
  }

  .site-header {
    position: sticky;
  }

  .utility-bar {
    display: none;
  }

  .main-header {
    min-height: 74px;
    grid-template-columns: minmax(150px, 1fr) auto auto;
    gap: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .brand {
    width: 190px;
  }

  .header-actions > a {
    min-width: 44px;
    min-height: 44px;
    padding: 6px;
    border: 0;
  }

  .header-actions > a span:last-child {
    display: none;
  }

  .header-actions .dashicons {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }

  .product-search {
    height: 46px;
    grid-template-columns: 40px 1fr 82px;
  }

  .product-search button {
    font-size: 13px;
  }

  .department-nav__inner {
    padding-inline: 16px;
  }

  .department-nav__inner > a {
    min-height: 48px;
    height: auto;
    padding: 8px;
    white-space: normal;
  }

  .all-departments-dropdown {
    padding: 16px 8px;
  }

  .all-departments-dropdown__heading {
    align-items: flex-start;
  }

  .all-departments-dropdown__heading small {
    display: none;
  }

  .all-departments-dropdown__grid a {
    padding-inline: 5px;
  }

  .membership-ribbon__inner {
    width: 100%;
    padding: 10px 16px;
  }

  .membership-ribbon__lead .dashicons {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }

  .membership-ribbon__lead strong {
    font-size: 15px;
  }

  .membership-ribbon__lead small {
    display: none;
  }

  .membership-ribbon .primary-button {
    min-height: 42px;
    padding: 0 12px;
    font-size: 12px;
  }

  .club-hero {
    grid-template-columns: 1fr;
  }

  .club-hero__copy {
    min-height: 335px;
    padding: 42px 26px;
  }

  .club-hero__copy h1 {
    font-size: clamp(52px, 17vw, 72px);
  }

  .club-hero__image {
    min-height: 300px;
  }

  .club-hero__membership {
    grid-column: auto;
    display: flex;
    padding: 36px 24px;
  }

  .club-hero__membership h2 {
    font-size: 42px;
  }

  .service-strip {
    grid-template-columns: 1fr 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .service-strip > div {
    min-height: 76px;
    justify-content: flex-start;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
  }

  .service-strip > div:nth-child(2n) {
    border-right: 0;
  }

  .service-strip > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .service-strip .dashicons {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }

  .service-strip small {
    display: none;
  }

  .section-heading {
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .section-heading h2 {
    font-size: 34px;
  }

  .section-heading > a {
    margin-top: 28px;
    font-size: 11px;
  }

  .department-showcase,
  .featured-deals,
  .shopping-paths,
  .trusted-brands {
    padding-top: 48px;
    padding-bottom: 52px;
  }

  .department-showcase__grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .department-showcase__grid > a {
    min-height: 124px;
  }

  .featured-deals__grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .deal-card__image {
    height: 148px;
    padding-inline: 8px;
  }

  .deal-card__content {
    padding: 11px 10px 12px;
  }

  .deal-card h3 {
    min-height: 63px;
    font-size: 12px;
  }

  .deal-card__price {
    display: grid;
    gap: 0;
  }

  .deal-card__price--normal strong,
.deal-card__price--member strong {
    font-size: 15px;
  }

  .deal-card__button {
    min-height: 44px;
  }

  .shopping-paths__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .shopping-paths__grid > a {
    min-height: 300px;
  }

  .membership-conversion__inner {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .membership-conversion__copy h2 {
    font-size: clamp(47px, 15vw, 66px);
  }

  .membership-conversion__copy ul {
    display: grid;
    gap: 10px;
  }

  .membership-conversion__plans {
    grid-template-columns: 1fr;
  }

  .membership-conversion__join {
    grid-column: auto;
  }

  .trusted-brands__row {
    grid-template-columns: 1fr 1fr;
  }

  .trusted-brands__row strong {
    min-height: 68px;
    border-bottom: 1px solid var(--line);
  }

  .trusted-brands__row strong:nth-child(2n) {
    border-right: 0;
  }

  .trusted-brands__row strong:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .service-strip--lower {
    margin-bottom: 48px;
  }

  .supplier-banner__inner {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .supplier-banner__inner > div {
    padding: 48px 24px;
  }

  .supplier-banner img {
    max-height: 270px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 38px 24px;
    padding-top: 48px;
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }

  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .supplier-hero__inner,
  .supplier-requirements__grid,
  .supplier-application,
  .supplier-benefit-grid {
    grid-template-columns: 1fr;
  }

  .supplier-form {
    grid-template-columns: 1fr;
  }

  .supplier-form__wide {
    grid-column: auto;
  }
}

@media (max-width: 390px) {
  .brand {
    width: 166px;
  }

  .section-heading > a {
    display: none;
  }

  .deal-card__image {
    height: 132px;
  }

  .deal-card__saving {
    top: 7px;
    left: 7px;
    font-size: 10px;
  }

  .deal-card h3 {
    min-height: 68px;
  }
}

/* Shared footer reference: membership, brands, services and five columns. */
.club-footer-intro{background:#fff;padding-top:28px}
.club-footer-membership{display:flex;align-items:center;gap:24px;background:#00366c;color:#fff;padding:30px 34px;border-radius:6px;min-height:180px}
.club-footer-pitch{flex:1;min-width:0}
.club-footer-pitch p{color:#09d4ec;font-size:13px;font-weight:700;letter-spacing:1.4px;margin:0 0 5px}
.club-footer-pitch h2{font-size:clamp(26px,2.9vw,44px);line-height:1.1;letter-spacing:-1px;margin:0 0 8px;color:white;font-weight:800}
.club-footer-pitch>span{font-size:16px}
.club-footer-plans{display:flex;gap:14px}
.club-footer-plans .membership-plan{display:flex;flex-direction:column;align-items:center;justify-content:center;width:146px;min-height:132px;margin:0;padding:12px 10px;background:#fff;border:2px solid transparent;border-radius:5px;color:#053069;box-shadow:none;text-align:center;cursor:pointer}
.club-footer-plans .membership-plan>strong{display:block;color:#0057ef;font-size:28px;line-height:1.2;white-space:nowrap}
.club-footer-plans .membership-plan strong small{font-size:13px}
.club-footer-plans .membership-plan>span{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:8px}
.club-footer-plans .membership-plan i{width:16px;height:16px;display:block;border:2px solid #0057ef;border-radius:100%;margin-top:8px}
.club-footer-plans .membership-plan.is-selected{border-color:#00c9ed}
.club-footer-plans .membership-plan.is-selected i{background:#0057ef;box-shadow:inset 0 0 0 3px white}
.club-footer-join{display:flex;align-items:center;gap:12px;background:#005df5;color:#fff;border:0;border-radius:5px;padding:18px 24px;white-space:nowrap;font:inherit;font-weight:600;cursor:pointer}
.club-footer-brands{padding-top:27px;padding-bottom:28px}
.club-footer-brands-heading{display:flex;gap:24px;align-items:center;margin-bottom:20px}
.club-footer-brands-heading h2{font-size:24px;margin:0;font-weight:800;letter-spacing:-.5px}
.club-footer-brands-heading p{font-size:12px;color:#657997;margin:0}
.club-footer-brands-heading>a{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#0057ef;font-weight:600;text-decoration:none}
.club-footer-brand-row{display:grid;grid-template-columns:repeat(8,1fr);gap:34px;align-items:center}
.club-footer-brand-row a{height:44px;display:flex;justify-content:center;align-items:center}
.club-footer-brand-row img{max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain}
.club-footer-brand-row a:nth-child(5) img{max-height:46px}
.club-footer-services{background:#eaf7ff;padding:23px 0}
.club-footer-services>.shell{display:grid;grid-template-columns:repeat(4,1fr)}
.club-footer-services a{display:flex;align-items:center;gap:20px;text-decoration:none;color:#052963;padding:0 26px;border-right:1px solid #c5def0}
.club-footer-services a:first-child{padding-left:20px}.club-footer-services a:last-child{border-right:0}
.club-footer-services img{width:46px;height:46px;filter:invert(26%) sepia(100%) saturate(5073%) hue-rotate(220deg) brightness(99%) contrast(108%)}
.club-footer-services strong,.club-footer-services small{display:block}.club-footer-services strong{font-size:14px}.club-footer-services small{font-size:11px;color:#657997;margin-top:5px}
.site-footer.club-footer{background:#002c5c;padding:36px 0 48px;border-radius:0 0 36px 36px;color:#eaf3ff}
.club-footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.1fr 1fr;gap:46px}
.club-footer-brand>img{width:260px;max-width:100%;filter:brightness(0) invert(1);background:none;padding:0}
.club-footer-brand>p{font-size:13px;line-height:1.5;max-width:255px;margin:18px 0 24px;color:#d5e3f5}
.club-footer-socials{display:flex;gap:18px;align-items:center}
.club-footer-socials span{display:block;width:23px;height:23px}
.club-footer-socials img{width:23px;height:23px;filter:brightness(0) invert(1)}
.club-footer nav h2{font-size:14px;font-weight:700;margin:0 0 14px;color:white;line-height:1.4}
.club-footer nav>a{display:block;font-size:13px;line-height:1.55;margin-bottom:7px;color:#d5e3f5;text-decoration:none}
.club-footer nav>a:hover,.club-footer-bottom a:hover{color:#fff;text-decoration:underline}
.club-footer-bottom{margin-top:30px;border-top:1px solid #7890aa;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#d5e3f5}
.club-footer-bottom>div{display:flex;align-items:center;gap:16px}.club-footer-bottom a{color:inherit;text-decoration:none}.club-footer-bottom p{margin:0;font-size:11px}
.club-footer-intro :focus-visible,.club-footer :focus-visible{outline:3px solid #15cbe7;outline-offset:4px}
@media(max-width:1050px){.club-footer-membership{gap:16px;padding:24px}.club-footer-pitch h2{font-size:30px}.club-footer-plans .membership-plan{width:116px}.club-footer-join{padding:16px}.club-footer-grid{gap:25px}.club-footer-brand-row{gap:20px}.club-footer-services a{gap:12px;padding:0 15px}}
@media(max-width:760px){.club-footer-membership{flex-wrap:wrap;gap:20px}.club-footer-pitch{flex-basis:100%}.club-footer-pitch h2{font-size:30px}.club-footer-plans{flex:1}.club-footer-plans .membership-plan{flex:1;width:auto}.club-footer-join{justify-content:center;width:100%}.club-footer-brands-heading{flex-wrap:wrap;gap:8px}.club-footer-brands-heading h2{font-size:22px}.club-footer-brands-heading p{flex-basis:100%;order:3}.club-footer-brand-row{grid-template-columns:repeat(4,1fr);gap:22px}.club-footer-brand-row a{height:36px}.club-footer-brand-row img{max-height:32px}.club-footer-services>.shell{grid-template-columns:1fr 1fr;gap:24px 0}.club-footer-services a{padding:0 12px!important;gap:10px}.club-footer-services a:nth-child(2){border:0}.club-footer-services img{width:32px;height:32px}.club-footer-services strong{font-size:12px}.club-footer-services small{font-size:10px}.club-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.club-footer-brand{grid-column:1/-1}.club-footer-brand>img{width:230px}.club-footer-brand>p{max-width:320px;margin:12px 0 18px}.club-footer nav h2{font-size:14px}.club-footer nav>a{font-size:13px;min-height:30px;margin-bottom:3px}.club-footer-bottom{flex-direction:column;align-items:flex-start;font-size:10px}.club-footer-bottom>div{gap:10px}.site-footer.club-footer{border-radius:0 0 22px 22px}.club-footer-bottom p{font-size:10px}}

/* New brand lockup: crop transparent canvas only in layout, retain flag colour. */
.brand img,.footer-logo img{width:100%;height:auto;aspect-ratio:5.75;object-fit:cover;object-position:center 48%;display:block}
.footer-logo{display:block;position:relative;width:260px;max-width:100%}
.footer-logo>img:first-child{filter:brightness(0) invert(1)}
.footer-logo .footer-logo-flag{position:absolute;inset:0;clip-path:polygon(81% 61%,90% 61%,90% 100%,81% 100%)}
@media(max-width:760px){.footer-logo{width:230px}}

.club-footer-plans .membership-plan strong small{text-transform:none;font-weight:500}

/* Full-width footer corners, as requested: no white cutouts. */
.site-footer.club-footer{border-radius:0}

/* Standard and member prices share equal typography; colour identifies membership. */
.deal-card__price--normal,.woocommerce .dual-price__normal{color:var(--navy);font-weight:850}
.deal-card__price--member,.woocommerce .dual-price__member{color:var(--red);font-weight:850}

/* Clear member-first pricing with consistent alignment and lighter typography. */
.deal-card__price,.woocommerce .dual-price{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.45}
.deal-card__price{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-top:5px}
.deal-card__price--member,.woocommerce .dual-price__member{font-size:12px;font-weight:600;color:var(--red)}
.deal-card__price--member strong{font-size:17px;font-weight:600;white-space:nowrap}
.deal-card__price--normal,.woocommerce .dual-price__normal{font-size:11px;font-weight:400;color:#586577}
.deal-card__price--normal strong{font-size:13px;font-weight:400;white-space:nowrap}
.woocommerce .dual-price{gap:6px}
.woocommerce .dual-price__member{font-size:14px}
.woocommerce .dual-price__member strong{font-size:20px;font-weight:600}
.woocommerce .dual-price__normal{font-size:12px}
.woocommerce .dual-price__normal strong{font-size:15px;font-weight:400}
@media(max-width:480px){.deal-card__price--member{font-size:10px}.deal-card__price--member strong{font-size:16px}.deal-card__price--normal{font-size:10px}.deal-card__price--normal strong{font-size:12px}}

/* Responsive storefront header: desktop/tablet utility account, mobile account row. */
.site-header .main-header.shell{grid-template-columns:275px minmax(0,1fr) auto;gap:32px;align-items:start;min-height:110px;padding-block:18px}
.site-header .main-header .brand{width:275px;max-width:100%;min-width:0}
@media(min-width:768px){.site-header .main-header .brand{height:48px;display:flex;align-items:center}.site-header .main-header .brand img{max-height:48px}}
.site-header .header-search-block{min-width:0;grid-column:2;grid-row:1}
.site-header .header-search-block .product-search{grid-column:auto;grid-row:auto;width:100%;grid-template-columns:minmax(0,1fr) 104px;height:48px}
.site-header .product-search input[type=search],.site-header .product-search button{font-size:15px;line-height:1.3;font-weight:500}
.site-header .product-search input[type=search]{padding-inline:16px}
.site-header .product-search button{font-weight:700}
.site-header .product-search .mobile-search-icon{display:none}
.site-header .product-search .dashicons{width:22px;height:22px;font-size:22px}
.site-header .header-search-keywords{display:flex;align-items:center;gap:18px;min-width:0;margin-top:7px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:12px;line-height:1.4;color:var(--muted)}
.site-header .header-search-keywords::-webkit-scrollbar{display:none}
.site-header .header-search-keywords a{flex-shrink:0;min-height:24px;display:inline-flex;align-items:center}
.site-header .header-search-keywords a:hover,.site-header .header-search-keywords a:focus-visible{color:var(--red);text-decoration:none}
.site-header .header-actions{grid-column:3;grid-row:1;align-items:center;min-width:0;min-height:48px}
.site-header .hc-mini-toggle{min-height:48px!important;padding-block:0!important;font-size:13px;line-height:1.3}
.site-header .hc-mini-toggle strong{font-size:13px;line-height:1.3}
.site-header .hc-mini-toggle small{font-size:13px;line-height:1.3}
.site-header .hc-mini-toggle .dashicons{width:28px;height:28px;font-size:28px}
.site-header .h88-account-slot:empty{display:none}
.site-header .utility-bar__inner{gap:20px;min-height:44px}
.site-header .utility-bar{font-size:13px}
.site-header .utility-bar .utility-brand{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;letter-spacing:.02em;line-height:1.35}
.site-header .utility-malaysia-flag{display:block;width:24px;height:14px;flex-shrink:0;border:1px solid #ffffff80;border-radius:2px}
.site-header .utility-bar .utility-vip-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap;color:inherit;text-decoration:none}
.site-header .utility-bar .utility-vip-mobile{display:none}
.site-header .utility-bar .h88-vip-mark{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:4px;background:transparent;color:#fff;font-weight:900;font-style:italic;letter-spacing:.035em;line-height:1}
.site-header .h88-vip-mark svg{width:13px;height:10px;fill:currentColor;flex-shrink:0}
.site-header .utility-bar nav{margin-left:auto;flex-shrink:0;gap:16px}
.site-header .utility-bar nav>a{padding-inline:8px}
.site-header .main-header .mobile-menu-toggle{display:none}
/* A single blue masthead; side items align to search plus keyword row. */
.site-header{--header-blue:#00366c;--header-blue-dark:#002a55;--header-hover:#e36414}
.site-header .header-masthead{background:linear-gradient(180deg,#073c70 0%,#00366c 100%)}
.site-header .utility-bar{background:transparent}
.site-header .header-main-band{background:var(--white)}
@media(min-width:768px){
 .site-header .header-main-band{background:transparent;color:#fff}
 .site-header .main-header.shell{align-items:center;padding-block:14px 18px}
 .site-header .main-header .brand{height:auto;align-self:center}
 .site-header .main-header .brand img{max-height:none;filter:brightness(0) invert(1)}
 .site-header .header-actions{align-self:center;color:#fff}
 .site-header .header-actions .hc-mini-toggle{color:#fff}
 .site-header .header-actions .hc-mini-toggle .dashicons{color:#fff}
 .site-header .header-search-block .product-search{background:#fff;border:2px solid #fff;border-radius:5px}
 .site-header .product-search .dashicons{color:var(--header-blue)}
 .site-header .product-search input[type=search]{background:#fff;color:var(--ink)}
 .site-header .product-search button{background:var(--red);border-radius:3px;margin:2px}
 .site-header .product-search button:hover,.site-header .product-search button:focus-visible{background:var(--red)}
 .site-header .header-search-keywords{color:#fff}
 .site-header .header-search-keywords a:hover,.site-header .header-search-keywords a:focus-visible{color:var(--red);text-decoration:none}
}
@media(min-width:768px) and (max-width:1199px){
 .site-header .utility-bar__inner{width:calc(100% - 32px);padding:0;justify-content:space-between;gap:14px}
 .site-header .utility-bar{font-size:12px}
 .site-header .utility-bar .utility-brand{display:flex;font-size:12px;gap:6px}
 .site-header .utility-bar nav{width:auto;justify-content:flex-end;gap:12px}
 .site-header .utility-bar nav>a{padding-inline:6px}
 .site-header .main-header.shell{width:calc(100% - 32px);grid-template-columns:190px minmax(0,1fr) auto;gap:20px;min-height:106px;padding-block:14px}
 .site-header .main-header .brand{width:190px}
 .site-header .header-search-block .product-search{grid-template-columns:minmax(0,1fr) 76px}
 .site-header .header-search-block .product-search input[type=search]{font-size:15px;padding-inline:12px}
 .site-header .header-search-keywords{gap:15px;font-size:12px}
 .site-header .department-nav{display:block;max-height:none;overflow:visible}
 .site-header .department-nav__inner{display:flex;height:44px;width:calc(100% - 32px);padding:0;overflow:visible}
 .site-header .all-departments-menu{grid-column:auto;flex-shrink:0}
 .site-header .all-departments{width:auto;min-height:44px;padding:0 14px}
 .site-header .department-nav__inner>a{display:inline-flex;min-height:44px;white-space:nowrap;padding:0 12px;border-bottom:0;font-size:12px}
 .site-header .department-nav__inner>a:nth-of-type(n+4):not(.deals-link){display:none}
}
@media(max-width:767px){
 .site-header .header-main-band{background:transparent;color:#fff}
 .site-header .utility-bar{display:block}
 .site-header .utility-bar__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 24px);padding:0;min-height:38px;gap:8px}
 .site-header .utility-bar .utility-brand{display:flex;min-width:0;margin:0;gap:5px;font-size:10px;line-height:1.4;text-align:left;font-weight:700;letter-spacing:0}
 .site-header .utility-malaysia-flag{width:20px;height:12px}
 .site-header .utility-bar .utility-vip-mobile{display:inline-flex;align-items:center;justify-content:flex-end;min-height:38px;gap:4px;color:inherit;font-size:10px;font-weight:700;white-space:nowrap;text-decoration:none}
 .site-header .utility-bar .h88-vip-mark{gap:2px;padding:3px 4px;font-size:11px}
 .site-header .h88-vip-mark svg{width:11px;height:9px}
 .site-header .utility-bar .utility-vip-link:hover,.site-header .utility-bar .utility-vip-link:focus-visible{text-decoration:underline}
 .site-header .utility-bar nav{display:none}
 .site-header .main-header.shell{width:calc(100% - 24px);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;padding:12px 0 14px}
 .site-header .main-header .brand{grid-column:2;grid-row:1;width:100%;max-width:216px;justify-self:start}
 .site-header .main-header .brand img{filter:brightness(0) invert(1)}
 .site-header .main-header .mobile-menu-toggle{display:inline-flex;grid-column:1;grid-row:1;width:36px;height:44px;align-items:center;justify-content:center;padding:0;color:#fff;background:transparent;border:0;border-radius:4px;cursor:pointer}
 .site-header .main-header .mobile-menu-toggle .dashicons{width:28px;height:28px;font-size:28px}
 .site-header .header-actions{grid-column:3;grid-row:1;gap:4px;align-items:center;min-height:44px}
 .site-header .header-search-block{grid-column:1/-1;grid-row:2;margin-top:2px}
 .site-header .header-search-block .product-search{height:46px;grid-template-columns:minmax(0,1fr) 48px;border:1px solid #fff;border-radius:5px;background:#fff}
 .site-header .product-search>.dashicons{display:none}
 .site-header .header-search-block .product-search input[type=search]{height:44px;font-size:15px;padding:0 12px;background:#fff;color:var(--ink)}
 .site-header .header-search-block .product-search button{display:flex;align-items:center;justify-content:center;width:48px;height:44px;padding:0;border:0;border-radius:0 4px 4px 0;background:var(--red);color:#fff}
 .site-header .product-search .search-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .site-header .product-search .mobile-search-icon{display:block;width:24px;height:24px;font-size:24px;color:inherit}
 .site-header .header-search-block .product-search button:hover,.site-header .header-search-block .product-search button:focus-visible{background:var(--red)}
 .site-header .header-search-keywords{display:flex;gap:16px;margin-top:7px;color:#fff;font-size:12px}
 .site-header .header-search-keywords a:hover,.site-header .header-search-keywords a:focus-visible{color:var(--red);text-decoration:none}
 .site-header .header-actions .hc-mini-toggle,.site-header .header-actions .hc-mini-toggle .dashicons,.site-header .h88-account-menu,.site-header .h88-account-menu .h88-account-mobile-link{color:#fff}
 .site-header .header-actions .h88-account-mobile-link>.dashicons{color:#fff;width:28px;height:28px;font-size:28px}
 .site-header .hc-mini-toggle{position:relative;min-width:40px!important;min-height:44px!important;padding:0 4px!important;gap:0!important;border:0!important;background:transparent!important}
 .site-header .hc-mini-toggle>span:last-child{display:block;position:absolute;right:0;top:1px;pointer-events:none}
 .site-header .hc-mini-toggle strong{display:block;font-size:0}
 .site-header .hc-mini-toggle small{display:none}
 .site-header .hc-mini-toggle .dashicons{width:28px;height:28px;font-size:28px}
 .site-header .hc-mini-toggle .hc-cart-count{display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;line-height:1}
 .site-header .department-nav{display:none}
 .site-header .department-nav.is-open{display:block;max-height:70vh;overflow-y:auto}
 .site-header .department-nav__inner{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;padding:10px 12px 18px}
 .site-header .all-departments-menu{grid-column:1/-1}
 .site-header .department-nav__inner>a,.site-header .department-nav__inner>a:nth-of-type(n){display:inline-flex;min-height:44px;white-space:normal;padding:8px;border-bottom:1px solid var(--line)}
}

/* Partner and marketplace links share the utility row without crowding account controls. */
.site-header .utility-partners{display:flex;align-items:center;gap:12px;min-width:0;font-size:13px;line-height:1.35;white-space:nowrap}
.site-header .utility-partner-link{display:inline-flex;align-items:center;gap:6px;height:32px;min-height:32px;padding:0 8px;color:#fff;border:1px solid #ffffff40;border-radius:5px;background:#ffffff0a;font-weight:600;text-decoration:none;transform-origin:center;transition:transform .14s ease-out,background-color .14s ease-out,border-color .14s ease-out}
.site-header .partner-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;background:transparent}
.site-header .partner-mark img{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
@supports(mask-image:url("")){.site-header .partner-mark::before{content:"";position:absolute;inset:2px;background:currentColor;mask:url(../images/partner-win-win-v129-orange.png) center/contain no-repeat}.site-header .partner-mark img{opacity:0}}
.site-header .utility-partner-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-color:#ffffff80;background:#ffffff20;color:#fff;transform:scale(1.035);text-decoration:none}
.site-header .partner-label-short{display:none}
.site-header .utility-follow-label{font-size:inherit;font-weight:600;letter-spacing:.02em}
.site-header .utility-platforms{display:flex;align-items:center;gap:5px;flex-shrink:0}
.site-header .utility-platform{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;background:transparent;transition:background-color .12s}
.site-header .utility-platform:hover,.site-header .utility-platform:focus-visible{background:#ffffff26;outline-offset:2px}
.site-header .utility-platform img{display:block;width:24px;height:24px;object-fit:contain;background:transparent;border-radius:0;transform:translate3d(0,0,0) scale(1);will-change:transform;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.site-header .utility-platform--shopee img{padding:0}
.site-header .utility-platform--tiktok img{padding:0;filter:none}
@media(min-width:768px) and (max-width:1199px){
 .site-header .utility-partners{font-size:12px;gap:8px}
 .site-header .utility-platforms{gap:2px}
 .site-header .utility-platform{width:28px;height:32px}
 .site-header .utility-platform img{width:22px;height:22px}
}
@media(max-width:767px){
 .site-header .utility-partners{gap:4px;font-size:10px;font-weight:600}
 .site-header .utility-partner-link{height:30px;min-height:30px;padding:0 5px;gap:4px}
 .site-header .partner-label-full,.site-header .utility-follow-label{display:none}
 .site-header .partner-label-short{display:flex;flex-direction:column;line-height:1.2;text-align:left}
 .site-header .partner-label-short strong{font-size:inherit;font-weight:700}
 .site-header .partner-mark{width:22px;height:22px}
 .site-header .partner-mark img{width:18px;height:18px}
 .site-header .utility-platforms{gap:1px}
 .site-header .utility-platform{width:25px;height:32px}
 .site-header .utility-platform img{width:20px;height:20px}
 .site-header .utility-platform--shopee img,.site-header .utility-platform--tiktok img{padding:0}
}
@media(max-width:359px){
 .site-header .utility-bar__inner{column-gap:4px}
 .site-header .utility-partners{gap:3px;font-size:9px}
 .site-header .utility-partner-link{padding:0 3px;gap:3px}
 .site-header .partner-mark{width:18px;height:18px}
 .site-header .partner-mark img{width:14px;height:14px}
 .site-header .utility-platforms{gap:0}
 .site-header .utility-platform{width:20px}
 .site-header .utility-platform img{width:18px;height:18px}
 .site-header .utility-bar .utility-vip-mobile{gap:3px;font-size:9px}
 .site-header .utility-bar .h88-vip-mark{font-size:10px;padding:2px 3px}
}

/* Membership gently enlarges as one link on pointer hover or keyboard focus. */
.site-header .utility-bar nav>.utility-vip-link{border:0;background:transparent;transform:none;transform-origin:center;transition:transform .14s ease-out;animation:none;text-decoration:none}
.site-header .utility-vip-mobile{transform:none;transform-origin:right center;transition:transform .14s ease-out;animation:none}
@media(hover:hover) and (pointer:fine){
 .site-header .utility-bar nav>.utility-vip-link:hover,.site-header .utility-bar .utility-vip-mobile:hover{transform:scale(1.035);background:transparent;color:#fff;text-decoration:none}
}
.site-header .utility-bar nav>.utility-vip-link:focus-visible,.site-header .utility-bar .utility-vip-mobile:focus-visible{outline:2px solid #fff;outline-offset:2px;background:transparent;color:#fff;text-decoration:none;transform:scale(1.035)}
.site-header .hc-cart-count{background:var(--red)}
.h88-account-menu .h88-account-vip-badge{background:#fff;color:var(--red)}
.hc-mini-panel .hc-qty-controls .hc-item-remove,.hc-mini-status.is-error,.hc-cart-status.is-error{color:var(--red)}
.site-header .header-search-keywords a{transition:color .12s ease-out;text-decoration:none}
@media(prefers-reduced-motion:reduce){.site-header .utility-vip-link,.site-header .utility-vip-mobile,.site-header .header-search-keywords a{transition:none}.site-header .utility-bar nav>.utility-vip-link:hover,.site-header .utility-bar .utility-vip-mobile:hover,.site-header .utility-bar nav>.utility-vip-link:focus-visible,.site-header .utility-bar .utility-vip-mobile:focus-visible{transform:none}}

.h88-auth-surface .h88-auth-notices .woocommerce-error{color:var(--red)}

/* Partner and VIP enlarge; the partner mark and label stay white. */
@media(hover:hover) and (pointer:fine){
 .site-header .utility-partner-link:hover{color:#fff;transform:scale(1.035);border-color:#ffffff80;background:#ffffff20;text-decoration:none}
}
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a,
.site-header .utility-platform{transform:none;transition:background-color .14s ease-out}
.site-header .utility-platform{transition:background-color .18s ease-out}
@media(hover:hover) and (pointer:fine){.site-header .utility-platform:hover img{transform:translate3d(0,0,0) scale(1.08)}}
.site-header .utility-platform:focus-visible img{transform:translate3d(0,0,0) scale(1.08)}
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a:hover{color:#fff;background:transparent;text-decoration:none}
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a:focus-visible{color:#fff;background:transparent;text-decoration:none;outline:2px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){
 .site-header .utility-partner-link,.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a{transition:none}
 .site-header .utility-partner-link:hover,.site-header .utility-partner-link:focus-visible{transform:none}
}

/* Keyword hover follows the gold star accent, without enlargement. */
.site-header .header-search-keywords a:hover,.site-header .header-search-keywords a:focus-visible{color:#ffca36;transform:none;text-decoration:none}

/* Account labels retain the marketplace-style tile without enlargement. */
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a{position:relative;isolation:isolate}
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a::before{content:"";position:absolute;inset:6px 0;z-index:-1;pointer-events:none;border-radius:5px;background:#ffffff26;opacity:0;transition:opacity .14s ease-out}
@media(hover:hover) and (pointer:fine){
 .site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a:hover::before{opacity:1}
}
.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a:focus-visible::before{opacity:1}
@media(prefers-reduced-motion:reduce){
 .site-header .utility-platform,.site-header [data-h88-slot="utility"] .h88-account-menu .h88-account-links a::before{transition:none}
 .site-header .utility-platform:hover,.site-header .utility-platform:focus-visible{transform:none}
 .site-header .utility-platform img{will-change:auto;transition:none;transform:none}
 .site-header .utility-platform:hover img,.site-header .utility-platform:focus-visible img{transform:none}
}

/* Supplier partnership sits beside 88VIP and follows the keyword type scale. */
.site-header .header-search-keywords{gap:14px;padding-block:5px}
.site-header .header-community-links{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.site-header .header-keyword-separator{display:block;width:1px;height:14px;flex:0 0 1px;margin-inline:-4px;background:#ffffff66}
.site-header .header-search-keywords .header-partner-link{height:24px;min-height:24px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:inherit;font-weight:inherit;gap:5px;transform:none;transition:color .12s ease-out}
.site-header .header-partner-link .partner-mark{width:16px;height:16px}
.site-header .header-partner-link .partner-mark img{width:16px;height:16px}
.site-header .header-partner-link .partner-mark::before{inset:0;background-color:currentColor;filter:none;transition:background-color .12s ease-out}
.site-header .header-search-keywords .header-partner-link:focus-visible{color:#ffca36;background:transparent;transform:none;outline:2px solid #fff;outline-offset:2px}
@media(hover:hover) and (pointer:fine){.site-header .header-search-keywords .header-partner-link:hover{color:#ffca36;background:transparent;transform:none}}
.site-header .utility-follow-label{font-weight:600}
@media(max-width:767px){.site-header .utility-follow-label{display:inline;font-size:10px}.site-header .utility-partners{gap:6px}}
@media(max-width:359px){.site-header .utility-follow-label{font-size:9px}.site-header .utility-partners{gap:4px}}

/* Quiet recurring highlight on VIP badges; no hover is needed. */
.site-header .h88-vip-mark{position:relative;overflow:hidden}
.site-header .h88-account-vip-badge{overflow:hidden}
.site-header .h88-vip-mark::after,.site-header .h88-account-vip-badge::after{content:"";position:absolute;inset:-30% -20%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffffa6 49%,transparent 63%);transform:translate3d(-140%,0,0);opacity:0;animation:h88-vip-shine 3s ease-in-out infinite}
@keyframes h88-vip-shine{0%,76%{transform:translate3d(-140%,0,0);opacity:0}79%{opacity:.75}92%{transform:translate3d(140%,0,0);opacity:.75}96%,100%{transform:translate3d(140%,0,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.site-header .h88-vip-mark::after,.site-header .h88-account-vip-badge::after{animation:none;display:none}}

/* The keyword VIP mark uses a soft gold star and gentle motion. */
.site-header .utility-bar .h88-vip-mark{gap:0;padding:0;font-size:14px;background:transparent;color:#ffca36;animation:none;transition:none}
.site-header .utility-bar .utility-vip-link{gap:6px}
.site-header .utility-bar .utility-vip-label{margin-left:0}
/* Top star VIP mark has no background or recurring animation. */
.site-header .utility-bar .h88-vip-mark::after{content:none;display:none;animation:none}
.site-header .utility-bar .h88-vip-mark svg.h88-vip-star{width:18px;height:18px;margin-right:-1.5px;fill:currentColor;position:relative;top:calc(.444444em - 7.01px)}
.site-header .h88-vip-mark svg.h88-vip-star{width:15px;height:15px;margin-right:-1.5px;fill:currentColor;flex-shrink:0}
.site-header .header-search-keywords .header-vip-link{gap:0;color:var(--red);transform:none;transition:none}
.site-header .header-vip-link .h88-vip-mark{display:inline-flex;align-items:center;gap:0;padding:2px 4px;border-radius:4px;background:transparent;color:#ffca36;font-size:16px;font-weight:900;font-style:italic;letter-spacing:.035em;line-height:1;overflow:visible;transform-origin:center;animation:h88-vip-breathe 2.727s ease-in-out infinite}
.site-header .header-vip-link .h88-vip-mark::after{display:none;animation:none}
.site-header .header-vip-link .h88-vip-star-motion{position:relative;top:calc(.444444em - 8.18px);display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;margin-right:-1.5px;flex-shrink:0;animation:none;transform-origin:center}
.site-header .header-vip-link svg.h88-vip-star{display:block;width:21px;height:21px;margin:0;overflow:visible}
.site-header .header-vip-link .h88-vip-star-body{fill:url(#h88-keyword-vip-star-gold);stroke:#ffd56b;stroke-width:.5;stroke-linejoin:round}
.site-header .header-vip-link .h88-vip-star-edge{fill:none;stroke:#fff1bd;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.site-header .header-vip-link .h88-vip-star-glint{fill:#fff;opacity:0;animation:h88-vip-star-glint 3s linear infinite}
.site-header .header-vip-link svg.h88-vip-star-spark{position:absolute;top:-1px;left:-2px;width:5px;height:5px;fill:#ffca36;opacity:0;pointer-events:none;animation:h88-vip-star-spark 3s ease-out infinite}
@keyframes h88-vip-star-glint{0%,58%{transform:translateX(0);opacity:0}58.5%{transform:translateX(0);opacity:.95}70%{transform:translateX(34px);opacity:.95}70.5%,100%{transform:translateX(34px);opacity:0}}
@keyframes h88-vip-star-bounce{0%,75%,91%,100%{transform:translateY(0)}81%{transform:translateY(-3px)}86%{transform:translateY(1px)}}
/* The mark breathes gently while its link keeps a steady hit area. */
@keyframes h88-vip-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.10)}}
/* Keep the link stationary while its star bounces continuously under the pointer. */
@keyframes h88-vip-star-hover-bounce{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.site-header .header-vip-link:hover .h88-vip-star-motion{animation:h88-vip-star-hover-bounce .65s ease-in-out infinite}}
@keyframes h88-vip-star-spark{0%,58%{transform:translateY(0) scale(.5);opacity:0}62%{transform:translateY(0) scale(1);opacity:.75}72%{transform:translateY(11px) scale(.6);opacity:.4}75%,100%{transform:translateY(11px) scale(.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.site-header .header-vip-link .h88-vip-mark{animation:none;transform:none}.site-header .header-vip-link .h88-vip-star-motion,.site-header .header-vip-link .h88-vip-star-glint,.site-header .header-vip-link svg.h88-vip-star-spark{animation:none;transform:none}.site-header .header-vip-link .h88-vip-star-glint,.site-header .header-vip-link svg.h88-vip-star-spark{display:none}.site-header .header-search-keywords .header-partner-link,.site-header .header-partner-link .partner-mark::before{transition:none}}

/* STAR uses compact, chamfered block letters with a forward tool-mark slant. */
.site-header .h88-star-wordmark{display:inline-flex;align-items:center;position:relative;flex:0 0 auto;line-height:1}
.site-header .h88-vip-mark svg.h88-star-type{display:block;width:3.7778em;height:1em;flex-shrink:0;fill:currentColor;overflow:visible}

@media(max-width:767px){.site-header .utility-bar .h88-vip-mark{font-size:12px}}
@media(max-width:359px){.site-header .utility-bar .h88-vip-mark{font-size:10px}}

/* Balanced Join / STAR CLUB / Membership spacing and optical star alignment. */
.site-header .utility-bar .utility-vip-join,.site-header .utility-bar .utility-vip-label{font-size:15px;font-weight:700;line-height:1}
@media(max-width:767px){.site-header .utility-bar .utility-vip-join,.site-header .utility-bar .utility-vip-label{font-size:11px}}
@media(max-width:420px){.site-header .utility-platform{width:22px}}
@media(max-width:420px){.site-header .utility-follow-label{display:none}}
@media(max-width:359px){.site-header .utility-bar .utility-vip-join,.site-header .utility-bar .utility-vip-label{font-size:10px}.site-header .utility-platform{width:20px}}

/* CLUB shares STAR's type size, cap height and forward slant. */
.site-header .h88-club-wordmark{display:inline-flex;align-items:center;position:relative;flex:0 0 auto;margin-left:1px;top:0;font-size:1em;line-height:1}
.site-header .h88-vip-mark svg.h88-club-type{display:block;width:3.7778em;height:1em;flex-shrink:0;fill:currentColor;overflow:visible}
@media(max-width:767px){.site-header .utility-partners,.site-header .utility-vip-mobile{flex-shrink:0}}
/* The STAR cap center aligns with the adjacent partnership icon. */
.site-header .header-vip-link .h88-star-wordmark{top:0}

/* The glint travels from the star through every STAR CLUB letter. */
@keyframes h88-join-glyph-sheen{0%,100%{fill:#ffca36}38%,58%{fill:#fff9df}}
.site-header .utility-bar .h88-join-glyph{--h88-sheen-delay:0s}
.site-header .utility-bar .h88-star-type .h88-join-glyph>path:nth-child(1){--h88-sheen-delay:.12s}
.site-header .utility-bar .h88-star-type .h88-join-glyph>path:nth-child(2){--h88-sheen-delay:.23s}
.site-header .utility-bar .h88-star-type .h88-join-glyph>path:nth-child(3){--h88-sheen-delay:.34s}
.site-header .utility-bar .h88-star-type .h88-join-glyph>path:nth-child(4){--h88-sheen-delay:.45s}
.site-header .utility-bar .h88-club-type .h88-join-glyph>path:nth-child(1){--h88-sheen-delay:.56s}
.site-header .utility-bar .h88-club-type .h88-join-glyph>path:nth-child(2){--h88-sheen-delay:.67s}
.site-header .utility-bar .h88-club-type .h88-join-glyph>path:nth-child(3){--h88-sheen-delay:.78s}
.site-header .utility-bar .h88-club-type .h88-join-glyph>path:nth-child(4){--h88-sheen-delay:.89s}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .site-header .utility-vip-link:hover svg>path.h88-join-glyph,
 .site-header .utility-vip-link:hover .h88-join-glyph>path{animation:h88-join-glyph-sheen .32s ease-in-out var(--h88-sheen-delay) 1 both}
}
@media(prefers-reduced-motion:no-preference){
 .site-header .utility-vip-link:focus-visible svg>path.h88-join-glyph,
 .site-header .utility-vip-link:focus-visible .h88-join-glyph>path{animation:h88-join-glyph-sheen .32s ease-in-out var(--h88-sheen-delay) 1 both}
}

/* A small shooting star lands from the logo E before the keyword sheen begins. */
.site-header .main-header.shell{position:relative}
.site-header .h88-keyword-comet{position:absolute;left:var(--h88-comet-x,0px);top:var(--h88-comet-y,0px);z-index:8;width:9px;height:9px;pointer-events:none;opacity:0;will-change:transform,opacity;animation:h88-keyword-comet-flight 3s linear infinite}
.site-header .h88-keyword-comet[hidden]{display:none}
.site-header .h88-keyword-comet svg{display:block;width:100%;height:100%;fill:#fff1b8;filter:drop-shadow(0 0 2px #ffca36)}
.site-header .h88-keyword-comet::before{content:"";position:absolute;right:50%;top:calc(50% - 1px);width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffca3600,#ffdf73cc,#fff1b8);transform:rotate(var(--h88-comet-angle,.785398rad));transform-origin:right center}
@keyframes h88-keyword-comet-flight{
 0%,40%{opacity:0;transform:translate(0,0) scale(.65)}
 41%{opacity:1;transform:translate(0,0) scale(.65)}
 57%{opacity:1;transform:translate(var(--h88-comet-dx,0px),var(--h88-comet-dy,0px)) scale(1)}
 60%,100%{opacity:0;transform:translate(var(--h88-comet-dx,0px),var(--h88-comet-dy,0px)) scale(.8)}
}
@media(prefers-reduced-motion:reduce){.site-header .h88-keyword-comet{display:none;animation:none}}

/* The keyword star and STAR share one sheen cycle every three seconds. */
@keyframes h88-keyword-glyph-sheen{0%,10.6667%,100%{fill:#ffca36}4.0533%,6.1867%{fill:#fff9df}}
.site-header .header-vip-link .h88-star-type>g>path:nth-child(1){--h88-keyword-sheen-delay:1.97s}
.site-header .header-vip-link .h88-star-type>g>path:nth-child(2){--h88-keyword-sheen-delay:2.08s}
.site-header .header-vip-link .h88-star-type>g>path:nth-child(3){--h88-keyword-sheen-delay:2.19s}
.site-header .header-vip-link .h88-star-type>g>path:nth-child(4){--h88-keyword-sheen-delay:2.30s}
@media(prefers-reduced-motion:no-preference){
 .site-header .header-vip-link .h88-star-type>g>path{animation:h88-keyword-glyph-sheen 3s ease-in-out var(--h88-keyword-sheen-delay) infinite both}
}

/* Search input and its panel share one anchored surface at every breakpoint. */
.site-header .header-search-block{position:relative;--h88-search-height:48px;--h88-search-submit-width:104px}
.site-header .header-search-block .product-search{position:relative}
.site-header .header-search-block .product-search:focus-within{border-color:#58a7f4;box-shadow:0 0 0 2px #58a7f440}
.site-header .header-search-block .product-search input[type=search]{padding-right:42px}
.site-header .product-search input::-webkit-search-cancel-button{display:none}
.site-header .header-search-block .product-search .h88-search-clear{position:absolute;right:calc(var(--h88-search-submit-width) + 3px);top:0;display:flex;align-items:center;justify-content:center;width:36px;height:calc(var(--h88-search-height) - 4px);margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:var(--ink);font-size:27px;font-weight:400;line-height:1;cursor:pointer}
.site-header .header-search-block .product-search .h88-search-clear:hover,.site-header .header-search-block .product-search .h88-search-clear:focus-visible{background:#eef4fa;color:var(--ink)}
.site-header .h88-search-clear[hidden],.site-header .h88-search-panel[hidden]{display:none!important}
.site-header .h88-search-panel{position:absolute;top:calc(var(--h88-search-height) + 4px);left:0;right:0;z-index:1100;max-height:min(65dvh,560px);overflow-y:auto;overscroll-behavior:contain;padding:12px 0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 35px #001c3c26;font-size:14px;line-height:1.4;text-align:left}
@media(min-width:768px) and (max-width:1199px){.site-header .header-search-block{--h88-search-submit-width:76px}}
@media(max-width:767px){.site-header .header-search-block{--h88-search-height:46px;--h88-search-submit-width:48px}.site-header .h88-search-panel{max-height:min(62dvh,520px);font-size:14px}}
.site-header .h88-search-heading{margin:0;padding:6px 16px 10px;color:var(--ink);font-size:14px;font-weight:700;line-height:1.4}
.site-header .h88-search-section+.h88-search-section,.site-header .h88-search-top-results{margin-top:10px;padding-top:12px;border-top:1px solid #e8eef5}
.site-header .h88-search-row{display:flex;align-items:stretch;min-width:0}
.site-header .h88-search-option{display:flex;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:10px 16px;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}
.site-header .h88-search-term{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .h88-search-term strong{font-weight:700}
.site-header .h88-search-row:hover,.site-header .h88-search-option.is-active{background:#edf4f8}
.site-header .h88-search-option:hover,.site-header .h88-search-option:focus-visible{color:var(--ink);text-decoration:none}
.site-header .h88-search-refine,.site-header .h88-search-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#52657a;font-size:25px;font-weight:400;cursor:pointer}
.site-header .h88-search-refine:hover,.site-header .h88-search-remove:hover{background:#e4eef5;color:var(--ink)}
.site-header .h88-search-icon{display:block;width:20px;height:20px;flex-shrink:0}
.site-header .h88-search-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;padding:0 16px 4px}
.site-header .h88-search-chip-row{flex-shrink:0;max-width:100%}
.site-header .h88-search-chip{display:inline-flex;flex:none;min-height:38px;padding:7px 13px;border:1px solid #aebfd0;border-radius:22px;background:#fff;color:var(--blue);font-size:13px;font-weight:600;white-space:nowrap}
.site-header .h88-search-chip:hover,.site-header .h88-search-chip.is-active{border-color:var(--blue);background:#edf4ff;color:var(--blue)}
.site-header .h88-search-chip-row:hover{background:transparent}
.site-header .h88-search-message{margin:0;padding:14px 16px;color:var(--muted);font-size:13px;line-height:1.5}
.site-header .h88-search-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}
.site-header .h88-search-product{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border:1px solid transparent;border-radius:6px;color:var(--ink);text-decoration:none}
.site-header .h88-search-product:hover,.site-header .h88-search-product:focus-visible{border-color:#d9e4f2;background:#f8fbfe;color:var(--ink);text-decoration:none}
.site-header .h88-search-product-media{display:flex;align-items:center;justify-content:center;align-self:center;width:100%;height:96px;border-radius:4px;background:#fff}
.site-header .h88-search-product-image{display:block;width:96px;height:96px;max-width:100%;margin:auto;object-fit:contain;object-position:center}
.site-header .h88-search-product-media.is-placeholder{background:#eef4fa}
.site-header .h88-search-product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.4}
.site-header .h88-search-all{display:block;margin-top:12px;padding:12px 16px 2px;border-top:1px solid #e8eef5;color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}
.site-header .h88-search-all:hover{color:var(--blue);text-decoration:underline}
.site-header .h88-search-panel :focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(min-width:768px){.site-header .h88-search-products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){.site-header .h88-search-products{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1199px){.site-header .h88-search-panel{position:fixed;top:var(--h88-search-panel-top,124px);left:16px;right:16px}}
@media(max-width:1199px){
 .site-header .h88-search-panel{box-sizing:border-box;max-height:var(--h88-search-panel-max-height,calc(100dvh - 190px))}
 .site-header .h88-search-section[aria-label="Trending"] .h88-search-heading{font-size:13px}
 .site-header .h88-search-chip{min-height:36px;padding:7px 12px;font-size:12px}
}
@media(max-width:767px){.site-header .h88-search-option,.site-header .h88-search-remove,.site-header .h88-search-refine{min-height:46px}}

/* Search results start at the left edge: phone 2, tablet 4, desktop 6. */
body.search #main-content ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
body.search #main-content ul.products::before,body.search #main-content ul.products::after{content:none}
body.search #main-content ul.products li.product{float:none;clear:none;width:auto;margin:0;min-width:0;text-align:left}
@media(min-width:768px){body.search #main-content ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){body.search #main-content ul.products{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Phone header v160: stable input scale, compact utility row and scroll hint. */
.site-header .header-keywords-wrap{display:contents}
.site-header .header-keywords-next{display:none}
@media(max-width:767px){
 .site-header{position:relative;top:auto}
 .site-header .h88-keyword-comet{display:none!important;animation:none;will-change:auto}
 .site-header .utility-bar__inner{width:calc(100% - 24px);min-height:32px;gap:6px;padding:1px 0;box-sizing:border-box}
 .site-header .utility-partners{min-width:0;gap:4px;font-size:clamp(8px,2.25vw,9px);line-height:1.2}
 .site-header .utility-follow-label{display:inline;font-size:inherit;letter-spacing:0;white-space:nowrap}
 .site-header .utility-platforms{gap:1px}
 .site-header .utility-platform{width:24px;height:28px}
 .site-header .utility-platform img{width:clamp(16px,4.4vw,18px);height:clamp(16px,4.4vw,18px);will-change:auto}
 .site-header .utility-bar .utility-vip-mobile{min-height:30px;gap:4px;font-size:clamp(9px,2.45vw,10px);line-height:1.2}
 .site-header .utility-bar .utility-vip-mobile .utility-vip-join,
 .site-header .utility-bar .utility-vip-mobile .utility-vip-label{font-size:inherit;font-weight:600}
 .site-header .utility-bar .utility-vip-mobile .h88-vip-mark{font-size:clamp(9px,2.6vw,11px)}
 .site-header .utility-bar .utility-vip-mobile svg.h88-vip-star{width:15px;height:15px;top:calc(.444444em - 5.84px)}
 .site-header .main-header.shell{grid-template-columns:44px minmax(0,1fr) auto;column-gap:8px;row-gap:8px;padding:4px 0 10px}
 .site-header .main-header .brand{max-width:190px;width:100%}
 .site-header .main-header .mobile-menu-toggle{width:44px;height:48px}
 .site-header .header-actions{gap:3px;min-height:48px}
 .site-header .h88-account-menu .h88-account-mobile-link{width:44px;min-height:48px}
 .site-header .h88-account-menu .h88-account-mobile-link>.dashicons{width:32px;height:32px;font-size:32px}
 .site-header .h88-account-menu .h88-account-avatar{width:32px;height:32px}
 .site-header .hc-mini-toggle{min-width:44px!important;min-height:48px!important;padding:0 4px!important}
 .site-header .hc-mini-toggle .dashicons{width:32px;height:32px;font-size:32px}
 .site-header .hc-mini-toggle>span:last-child{top:2px;right:0}
 .site-header .hc-mini-toggle .hc-cart-count{min-width:18px;height:18px;font-size:10px}
 .site-header .header-search-block{margin-top:0}
 .site-header .header-search-block .product-search input[type=search]{font-size:16px;line-height:1.25;min-width:0}
 .site-header .header-keywords-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;min-width:0;margin-top:6px}
 .site-header .header-search-keywords{gap:14px;margin-top:0;padding:4px 0;min-height:32px;box-sizing:border-box;overscroll-behavior-x:contain}
 .site-header .header-keywords-next{display:flex;align-items:center;justify-content:center;width:28px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
 .site-header .header-keywords-next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .site-header .header-keywords-next[hidden]{display:none}
 .site-header .header-keywords-next:focus-visible{outline:2px solid #ffca36;outline-offset:-2px}
}
@media(max-width:359px){
 .site-header .utility-bar__inner{width:calc(100% - 12px);gap:5px}
 .site-header .utility-partners{gap:2px;font-size:8px}
 .site-header .utility-platforms{gap:0}
 .site-header .utility-platform img{width:16px;height:16px}
 .site-header .utility-bar .utility-vip-mobile{gap:3px;font-size:8px}
 .site-header .utility-bar .utility-vip-mobile .h88-vip-mark{font-size:8px}
 .site-header .utility-bar .utility-vip-mobile svg.h88-vip-star{width:13px;height:13px;top:calc(.444444em - 5.06px)}
}

/* v166 development design: existing brand colours, clearer type and truthful pending states. */
:root{--ink:#181c22;--muted:#67707b;--line:#e2e5ea;--soft:#f6f7f9;--red-dark:#a91428}
body{font-size:15px;line-height:1.55;background:#fff}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #075bd3;outline-offset:3px}
.primary-button,.hero-button,.woocommerce .button,.woocommerce button.button,.woocommerce input.button{min-height:44px;font-weight:650;border-radius:5px;line-height:1.4}
.section-heading h2,.department-showcase .section-heading h2,.shopping-paths h2{color:var(--ink);font-weight:700;line-height:1.2;letter-spacing:-.035em}
.section-heading p{color:var(--muted);font-size:14px;font-weight:400}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em}
.h88-catalogue-notice{margin:0;padding:10px 24px;border-bottom:1px solid var(--line);background:#f6f7f9;color:#58616e;font-size:12px;line-height:1.5;text-align:center}
.membership-ribbon{background:#fff;border-bottom:1px solid var(--line)}
.membership-ribbon__inner{display:grid;grid-template-columns:1fr 1fr auto;min-height:76px;gap:24px;padding-block:12px}
.membership-ribbon__lead strong{color:var(--ink);font-size:17px;font-weight:650;line-height:1.3}
.membership-ribbon__lead small{color:var(--muted);font-size:12px}
.membership-ribbon__lead .dashicons{color:#a67c10;font-size:26px;width:26px;height:26px}
.h88-ribbon-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.membership-ribbon .primary-button{font-size:13px;background:var(--navy);padding-inline:16px}
.club-hero{background:#fff;grid-template-columns:35% 39% 26%;min-height:340px}
.club-hero__copy{background:#fff;color:var(--ink);padding:36px}
.club-hero__copy .eyebrow{color:var(--muted)}
.club-hero__copy h1{font-size:clamp(36px,3.8vw,58px);font-weight:750;line-height:1.08;letter-spacing:-.04em;text-transform:none}
.club-hero__copy > p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.6}
.club-hero__copy .hero-button{min-width:0;font-size:14px}
.club-hero__membership{border-left:1px solid var(--line);padding:28px}
.club-hero__membership h2{font-size:32px;font-weight:700;line-height:1.15;text-transform:none;letter-spacing:-.03em}
.club-hero__membership ul{font-weight:400;line-height:1.5}
.h88-hero-account-note{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.5}
.club-hero__motto{display:none}
.service-strip{background:#fff;min-height:70px}
.service-strip strong{font-weight:600;color:var(--ink);font-size:13px}
.service-strip small{font-size:12px}
.service-strip .dashicons{width:26px;height:26px;font-size:26px}
.department-showcase,.featured-deals,.shopping-paths{padding-block:32px}
.department-showcase__grid a{background:#fff;border:1px solid var(--line);border-radius:5px}
.department-showcase__grid strong{font-weight:500}
.club-footer-membership{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.club-footer-pitch h2{color:var(--ink);font-weight:700;font-size:30px;line-height:1.2;text-transform:none}
.club-footer-pitch p{color:var(--muted)}
.h88-footer-star-summary{display:grid;gap:6px;color:var(--ink);font-size:14px;line-height:1.5}
.h88-footer-star-summary span,.h88-footer-star-summary small{font-size:12px;color:var(--muted);font-weight:400}
.club-footer-join{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;text-decoration:none;font-weight:650;border-radius:5px}
.club-footer-services{background:#f6f7f9}
.club-footer-services strong{font-weight:600}
.club-footer-services small{color:var(--muted)}
.club-footer-grid h2{font-size:14px;font-weight:650}
.club-footer-grid nav a,.club-footer-brand p{font-size:13px;line-height:1.6}
.woocommerce div.product .product_title{font-weight:650;color:var(--ink);font-size:clamp(24px,2.5vw,36px);line-height:1.25;letter-spacing:-.03em}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}
.woocommerce div.product .dual-price__member strong{font-size:28px;font-weight:700;color:var(--ink)}
.woocommerce div.product .dual-price__normal{font-size:13px;color:var(--muted)}
.h88-price-explainer{margin:12px 0 20px;color:var(--muted);font-size:12px;line-height:1.6}
.h88-price-explainer a{text-decoration:underline;text-underline-offset:3px;color:var(--navy)}
.woocommerce .star-rating,.woocommerce .woocommerce-review-link{display:none}
.woocommerce-account .h88-membership{display:none}
.h88-account-membership-summary{max-width:680px;padding:24px;border:1px solid var(--line);border-radius:6px;background:#fff}
.h88-account-membership-summary h2{font-size:28px;line-height:1.2;font-weight:700;margin:0 0 16px}
.h88-account-membership-summary p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 16px}
.woocommerce-account .woocommerce-MyAccount-navigation a{font-size:14px;font-weight:500;min-height:44px}
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-cart .woocommerce{color:var(--ink);font-size:14px;line-height:1.6}
.woocommerce table.shop_table{border-color:var(--line);border-radius:6px}
.woocommerce table.shop_table th{font-weight:650}
.woocommerce table.shop_table td{padding:14px 12px}
.woocommerce-cart .cart_totals h2{font-size:24px;font-weight:650}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1px solid #cfd5de;border-radius:5px;min-height:44px;padding:10px 12px;font-size:16px}
@media(max-width:959px){
 .membership-ribbon__inner{grid-template-columns:1fr auto;gap:16px}
 .h88-ribbon-copy{display:none}
 .club-hero{grid-template-columns:1fr 1fr}
 .club-hero__copy,.club-hero__image{min-height:300px}
 .club-hero__membership{grid-column:1/-1;display:block;border-left:0;border-top:1px solid var(--line);padding:24px}
 .club-footer-membership{grid-template-columns:1fr auto}
 .h88-footer-star-summary{grid-column:1/-1;grid-row:2}
}
@media(max-width:767px){
 .shell{width:calc(100% - 24px)}
 .site-header .main-header.shell{width:calc(100% - 24px);column-gap:10px}
 .site-header .header-search-block .product-search{min-height:46px;border-radius:5px}
 .site-header .header-search-block .product-search input[type=search]{font-size:16px}
 .h88-catalogue-notice{padding:8px 12px;text-align:left;font-size:11px}
 .membership-ribbon__inner{min-height:66px;gap:10px;padding-block:10px}
 .membership-ribbon__lead{gap:8px}
 .membership-ribbon__lead strong{font-size:14px}
 .membership-ribbon__lead small{font-size:11px}
 .membership-ribbon .primary-button{padding:10px;font-size:11px;gap:6px}
 .club-hero{grid-template-columns:1.1fr 1fr;min-height:0}
 .club-hero__copy{padding:24px 12px;min-height:0}
 .club-hero__copy h1{font-size:clamp(28px,7.5vw,42px);line-height:1.1}
 .club-hero__copy .eyebrow{font-size:9px}
 .club-hero__copy > p:not(.eyebrow){font-size:12px;margin:12px 0 16px}
 .club-hero__copy .hero-button{min-height:44px;padding:10px 12px;font-size:12px;gap:6px}
 .club-hero__image{min-height:240px}
 .club-hero__membership{display:none}
 .service-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px}
 .service-strip>div{justify-content:flex-start;gap:10px;padding:12px 8px;border:0}
 .service-strip strong{font-size:12px}.service-strip small{font-size:11px}
 .department-showcase,.featured-deals,.shopping-paths{padding-block:24px}
 .section-heading{gap:16px;margin-bottom:18px;align-items:start}
 .section-heading h2,.department-showcase .section-heading h2{font-size:24px}
 .section-heading p{font-size:12px}
 .section-heading>a{font-size:12px;min-height:44px;flex-shrink:0}
 .department-showcase__grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .department-showcase__grid a{padding:12px 6px;min-width:0}
 .department-showcase__grid strong{font-size:11px;overflow-wrap:break-word}
 .shopping-paths__grid{gap:12px}
 .shopping-paths__grid a{border-radius:5px}
 .club-footer-membership{grid-template-columns:1fr;gap:16px;padding-block:24px}
 .club-footer-pitch h2{font-size:26px}
 .h88-footer-star-summary{grid-column:auto;grid-row:auto}
 .club-footer-join{width:100%;font-size:13px}
 .club-footer-services .shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .club-footer-services a{min-width:0;padding:12px 0;gap:8px}
 .club-footer-services strong{font-size:12px}.club-footer-services small{font-size:11px}
 .club-footer-grid{gap:24px 16px}
 .h88-account-membership-summary{padding:20px}
 .woocommerce div.product .dual-price__member strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Substantive help/policy content with specific pending facts, using existing public routes. */
.h88-information-page{padding-block:24px 56px}
.h88-information-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:28px}
.h88-information-breadcrumb a:hover{text-decoration:underline}
.h88-information-heading{max-width:760px;margin-bottom:28px}
.h88-information-heading h1{color:var(--ink);font-size:clamp(30px,3.7vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}
.h88-information-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.h88-information-notice{padding:16px 20px;margin:0 0 32px;border:1px solid #e5dcb5;border-radius:5px;background:#fff9e8;color:#5c512d;font-size:13px;line-height:1.65}
.h88-information-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px}
.h88-information-content section{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.h88-information-content h2{margin:0 0 14px;color:var(--ink);font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.025em}
.h88-information-content p,.h88-information-content li{color:var(--muted);font-size:14px;line-height:1.75}
.h88-information-content p{margin:0 0 14px}
.h88-information-content ul{margin:16px 0 0;padding-left:20px;display:grid;gap:8px}
.h88-information-content details{border-top:1px solid var(--line)}
.h88-information-content summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:60px;padding:18px 0;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5}
.h88-information-content summary::-webkit-details-marker{display:none}
.h88-information-content summary>span{font-size:20px}
.h88-information-content details[open] summary>span{transform:rotate(45deg)}
.h88-information-actions{display:flex;flex-wrap:wrap;gap:12px}
.h88-information-actions a{font-size:13px;min-width:0;padding:12px 18px}
.h88-information-sidebar nav{display:grid;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.h88-information-sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.h88-information-sidebar nav a:last-child{border:0}
.h88-information-sidebar nav a[aria-current=page]{background:#f0f4fa;color:var(--navy);font-weight:650}
.h88-information-sidebar>p{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 0}
@media(max-width:767px){
 .h88-information-page{padding-block:20px 32px}
 .h88-information-heading>p:last-child{font-size:14px}
 .h88-information-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .h88-information-content h2{font-size:22px}
 .h88-information-notice{padding:14px 16px;font-size:12px}
 .h88-information-content section{margin-bottom:24px;padding-bottom:20px}
}

/* Source-driven usability: one visible department entry and readable controls. */
.site-header .department-nav,.h88-drawer-ready .site-header .department-nav{display:block!important;background:#fff}
.department-nav__inner{position:relative;height:auto;min-height:56px;gap:12px;justify-content:space-between;flex-wrap:wrap;padding-block:6px}
.all-departments-menu{position:static;max-width:100%}
.all-departments,.department-nav__inner>a{min-height:44px;height:auto;font-size:16px;line-height:1.4;padding:10px 12px;white-space:normal;text-align:left}
.all-departments{gap:10px;border:1px solid var(--line);border-radius:5px}
.all-departments>.dashicons{width:20px;height:20px;font-size:20px;flex-shrink:0}
.all-departments-dropdown{top:100%;width:min(900px,100%);max-height:min(520px,calc(100dvh - 200px));overflow:auto;overscroll-behavior:contain;padding:20px}
.all-departments-dropdown__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.all-departments-dropdown__grid a{min-width:0;min-height:48px;font-size:16px;font-weight:500;overflow-wrap:anywhere}
.all-departments-dropdown__grid .dashicons{width:20px;height:20px;font-size:20px;flex-shrink:0}
.all-departments-dropdown__heading{flex-wrap:wrap;gap:12px;font-size:16px}
.all-departments-dropdown__heading a{display:inline-flex;align-items:center;min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-width:3px}
.site-header .product-search .search-button-label{display:inline;font-size:16px}
.site-header .product-search .mobile-search-icon{display:none}
@media(max-width:767px){
 .site-header .department-nav__inner{gap:6px}
 .site-header .all-departments{padding-inline:10px}
 .site-header .department-nav__inner>.deals-link{font-size:14px;padding-inline:8px}
 .all-departments-dropdown__grid{grid-template-columns:minmax(0,1fr)}
 .all-departments-dropdown{padding:16px;max-height:calc(100dvh - 220px)}
}

.site-header .department-nav .department-nav__inner{display:flex;height:auto;min-height:56px;padding-block:6px}
.site-header .department-nav .all-departments-menu{grid-column:auto}
.site-header .department-nav .all-departments{width:auto;max-width:100%}

/* Mac visual follow-up: preserve visible labels and contrast at each breakpoint. */
.site-header .header-search-block .product-search .search-button-label{position:static;display:inline;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:16px;line-height:1.3}
.site-header .header-search-block .product-search button[type="submit"]{width:auto;min-width:76px;min-height:44px;padding-inline:10px}
.site-header .hc-account-menu>.hc-popover-toggle{background:#fff;color:#082451;border:1px solid #cbd5e2;border-radius:5px}
.site-header .hc-account-menu>.hc-popover-toggle .dashicons,.site-header .hc-account-menu>.hc-popover-toggle strong,.site-header .hc-account-menu>.hc-popover-toggle small{color:#082451}
.site-header .hc-account-menu>.hc-popover-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 2px #082451}
@media(max-width:767px){.site-header .header-search-block .product-search{--h88-search-submit-width:84px;grid-template-columns:minmax(0,1fr) 84px}}
/* A short window needs its vertical space for content, rather than a pinned masthead. */
@media(max-height:500px){.site-header{position:relative;top:auto}}

/* Phone and iPad share controls; wide screens retain space for their content. */
@media(max-width:1199px), (any-pointer:coarse){
 .site-header .main-header.shell{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px;row-gap:10px;padding-block:10px 14px}
 .site-header .main-header .brand{grid-column:2;grid-row:1;width:190px;max-width:100%;justify-self:start}
 .site-header .header-actions{grid-column:3;grid-row:1}
 .site-header .header-search-block{grid-column:1/-1;grid-row:2;width:100%;margin:0;--h88-search-submit-width:84px}
 .site-header .header-search-block .product-search{--h88-search-submit-width:84px;grid-template-columns:minmax(0,1fr) 84px}
 .site-header .header-search-block .product-search input[type=search]{font-size:16px}
 .site-header .header-keywords-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;min-width:0}
 .site-header .header-keywords-next{display:flex;align-items:center;justify-content:center;width:28px;min-height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
 .site-header .header-keywords-next[hidden]{display:none}
 .site-header .h88-keyword-comet{display:none!important;animation:none}
 .site-header .h88-account-menu .h88-account-mobile-link{color:#fff;min-width:44px;min-height:48px}
 .site-header .h88-account-menu .h88-account-avatar{width:32px;height:32px}
 .site-header .h88-account-menu .h88-account-mobile-link>.dashicons{color:#fff}
}