.ember-top-of-hour {
  --hdr-bg: #a5d2f2;
  --hdr-ink: #15172a;
  --hdr-accent: #8f2a17;
  --mm-bg: #a5d2f2;
  --mm-text: #15172a;
  --mm-primary: #8f2a17;
  --mm-overlay-bg: rgba(21, 23, 42, 0.62);
  background: var(--hdr-bg);
  color: var(--hdr-ink);
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.28);
}

.ember-topline {
  --line-bg: #ff7a59;
  --line-ink: #15172a;
  background: var(--line-bg);
  color: var(--line-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.ember-topline-inner {
  width: 1180px;
  max-width: 100%;
  margin: 0 auto;
  padding: 8px 26px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.ember-topline a { color: var(--line-ink); text-decoration: none; font-weight: 700; }
.ember-topline a:hover { text-decoration: underline; color: var(--line-ink); }

.ember-hdr-row {
  width: 1180px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 26px;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 26px;
}

.ember-brand { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.ember-brand img { height: 42px; width: auto; }

.ember-menu ul { gap: 4px; }
.ember-menu a {
  color: var(--hdr-ink);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  background-image: linear-gradient(var(--hdr-accent), var(--hdr-accent));
  background-repeat: no-repeat;
  background-position: 16px calc(100% - 4px);
  background-size: 0 2px;
  transition: background-size 0.25s ease, color 0.25s ease;
}
.ember-menu a:hover,
.ember-menu a[aria-current="page"] { color: var(--hdr-accent); background-size: calc(100% - 32px) 2px; }
.ember-menu-close { color: var(--hdr-ink); }

.ember-cart-pill {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #15172a;
  color: #fff6e6;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
}
.ember-cart-pill:hover { background: #8f2a17; color: #fff6e6; }
.ember-cart-pill svg { width: 20px; height: 20px; }
.ember-cart-count {
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 12px;
  background: #ff7a59;
  color: #15172a;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}

.ember-burger {
  width: 44px;
  height: 44px;
  align-items: center;
  border-radius: 8px;
}
.ember-burger span { width: 24px; height: 3px; border-radius: 2px; background: #15172a; }

.ember-end-card a { color: #cbd0e0; text-decoration: none; }
.ember-end-card a:hover { color: #ffd27a; text-decoration: underline; }
.ember-end-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  font-weight: 700;
  color: #fff6e6;
  margin-bottom: 16px;
}
.ember-end-list li { font-size: 15px; line-height: 1.5; }
.ember-end-logo {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 12px;
  background: #fff6e6;
  margin-bottom: 16px;
}
.ember-end-logo img { height: 40px; width: auto; }
.ember-end-blurb { font-size: 15px; color: #cbd0e0; }
.ember-end-note { font-size: 14px; line-height: 1.6; color: #cbd0e0; max-width: 760px; }
.ember-end-icons { display: flex; gap: 10px; flex-shrink: 0; }
.ember-end-icons span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(203, 208, 224, 0.3);
  border-radius: 6px;
  font-size: 13px;
}
.ember-end-icons svg { width: 18px; height: 18px; }
.cc-footer-link { display: inline-block; margin-top: 10px; font-size: 15px; }

@media (max-width: 1100px) {
  .ember-hdr-row { gap: 16px; }
  .ember-menu a { font-size: 14px; }
  .ember-brand img { height: 36px; }
}

@media (max-width: 767px) {
  .ember-topline { font-size: 13px; }
  .ember-topline-inner { padding: 6px 16px; justify-content: center; }
  .ember-topline-extra { display: none; }
  .ember-hdr-row { padding: 0 10px 0 16px; min-height: 60px; gap: 10px; }
  .ember-brand img { height: 34px; }
  .ember-menu a { font-size: 17px; }
  .ember-cart-pill { padding: 6px 12px; }
  .ember-cart-word { display: none; }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .ember-nav-opt { display: none; }
  .ember-topline-extra { display: none; }
  .ember-menu ul li a { padding: 8px 10px; font-size: 14px; background-position: 10px calc(100% - 4px); }
  .ember-menu a:hover,
  .ember-menu a[aria-current="page"] { background-size: calc(100% - 20px) 2px; }
  .ember-cart-word { display: none; }
}

.ember-topline-narrow { display: none; }
@media (max-width: 767px) {
  .ember-topline-wide { display: none; }
  .ember-topline-narrow { display: inline; white-space: nowrap; }
}

.ember-menu ul li a { white-space: nowrap; }
@media (min-width: 1024px) {
  .ember-menu ul li a { padding: 8px 12px; background-position: 12px calc(100% - 4px); }
  .ember-menu a:hover,
  .ember-menu a[aria-current="page"] { background-size: calc(100% - 24px) 2px; }
}