/* Amazon home — polished mobile cover */
:root {
  --tiktok-cyan: #232F3E;
  --tiktok-red: #FF9900;
  --primary: #FF9900;
  --primary2: #EAEDED;
  --primary-dark: #E47911;
  --primary-bg: #ffffff;
  --red: #B12704;
  --amz-navy: #131921;
  --amz-ink: #0F1111;
  --amz-link: #007185;
  --amz-yellow: #FEBD69;
  --amz-orange: #FF9900;
}

html, body, .app-root { background: #EAEDED; color: var(--amz-ink); }

/* ── Header: logo + cart on one bar ── */
.top-bar,
.gm-home-header,
.gm-search-sticky {
  background: #131921 !important;
  color: #fff !important;
  backdrop-filter: none !important;
}
.gm-home-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 52px 8px !important;
  min-height: 52px;
  position: relative !important;
}
.gm-home-header h1 {
  margin: 0;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gm-home-header .gm-logo-img,
.gm-home-header .gm-logo-img--shop,
.gm-home-header img {
  height: 34px !important;
  max-height: 34px !important;
  max-width: 150px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Cart sits in header (not over search) */
.gm-search-cart {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 5 !important;
  color: #fff !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  transition: background .15s ease;
}
.gm-search-cart:hover,
.gm-search-cart:active {
  background: rgba(255,255,255,.1) !important;
}
.gm-search-cart i { color: #fff !important; }

/* Search under logo — Amazon yellow rim */
.gm-search-sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  padding: 0 12px 12px !important;
  gap: 0 !important;
  display: block !important;
}
.gm-search-sticky form {
  display: flex !important;
  align-items: stretch !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 2px solid var(--amz-yellow) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.28) !important;
  min-height: 44px !important;
  padding: 0 !important;
  background: #fff !important;
}
.gm-search-sticky input {
  flex: 1 !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  color: #0F1111 !important;
  border: 0 !important;
  outline: none !important;
  background: #fff !important;
  min-width: 0 !important;
}
.gm-search-sticky input::placeholder { color: #888c8c !important; }
.gm-search-sticky .gm-search-ic {
  position: static !important;
  width: 48px !important;
  height: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, #FFD814 0%, #F7CA00 100%) !important;
  color: #0F1111 !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  border-left: 1px solid #F0C14B !important;
}
.gm-home { background: #EAEDED !important; }

/* ── Banner full-bleed, no crop ── */
.gm-banner-section {
  background: #131921 !important;
  padding: 0 !important;
  margin: 0 !important;
  perspective: none !important;
}
.gm-banner {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: none !important;
  background: #131921 !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}
.gm-banner::before {
  content: none !important;
  display: none !important;
  padding-top: 0 !important;
}
.gm-banner .banner-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #131921 !important;
}
.gm-banner .banner-slide.active {
  position: relative !important;
  inset: auto !important;
  opacity: 1 !important;
  display: block !important;
}
.gm-banner .banner-slide img,
.gm-banner img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  animation: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.gm-banner .banner-slide:not(.active) img {
  position: absolute !important;
  width: 100% !important;
  height: auto !important;
  left: 0; top: 0;
  visibility: hidden !important;
}
#banner-counter { display: none !important; }
#banner-dots,
.banner-dots {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  padding: 10px 0 8px !important;
  margin: 0 !important;
  background: #EAEDED !important;
}
#banner-dots span,
.banner-dots span,
.banner-dots button {
  width: 7px; height: 7px; border-radius: 50%;
  background: #D5D9D9 !important;
  border: 0;
  padding: 0;
}
#banner-dots span.active,
.banner-dots span.active,
.banner-dots button.active {
  background: #FF9900 !important;
  width: 18px !important;
  border-radius: 99px !important;
}

/* ── Categories ── */
.gm-cats-section {
  background: #fff !important;
  margin: 0 0 8px !important;
  padding: 14px 0 12px !important;
  border-top: 1px solid #E3E6E6;
  border-bottom: 1px solid #E3E6E6;
}
.gm-cat-item .gm-cat-ic,
.gm-cat-item .gm-cat-ic--cyan,
.gm-cat-item .gm-cat-ic--pink,
.gm-cat-item .gm-cat-ic--mix,
.gm-cat-item .gm-cat-ic--img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #FFF8E7, #fff) !important;
  border: 1px solid #E3E6E6 !important;
  box-shadow: 0 1px 3px rgba(15,17,17,.06) !important;
}
.gm-cat-item .gm-cat-ic i,
.gm-cat-item .gm-cat-ic--pink i,
.gm-cat-item .gm-cat-ic--cyan i,
.gm-cat-item .gm-cat-ic--mix i {
  color: #C45500 !important;
  font-size: 18px !important;
}
.gm-cat-item .gm-cat-label {
  color: #0F1111 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  max-width: 72px !important;
  line-height: 1.25 !important;
}
.gm-cat-dots span.active { background: #FF9900 !important; }
.gm-gap { height: 8px !important; background: transparent !important; }

/* ── Product sections ── */
.wb-title, .trending-sec-head h3, .sec-hd h3 {
  color: #0F1111 !important;
  background: none !important;
  -webkit-text-fill-color: #0F1111 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
.premium-count, .wb-more, .sec-hd a, .trending-sec-head a {
  color: #C45500 !important;
  -webkit-text-fill-color: #C45500 !important;
  font-weight: 600 !important;
  background: #FEF8F2 !important;
  border: 1px solid #F5D9C3 !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
section.wow-section,
.trending-section,
.home-block,
.gm-levels-section {
  background: #fff !important;
  border-radius: 0 !important;
  margin: 0 0 8px !important;
  box-shadow: none !important;
  border-top: 1px solid #E3E6E6;
  border-bottom: 1px solid #E3E6E6;
}
#wow-items.wow-scroll,
section.wow-section .wow-scroll {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 4px 12px 14px !important;
  scroll-snap-type: x mandatory;
}
.wow-card.wow-card--pro,
section.wow-section .wow-card {
  flex: 0 0 158px !important;
  width: 158px !important;
  border: 1px solid #D5D9D9 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(15,17,17,.04) !important;
  scroll-snap-align: start;
  background: #fff !important;
  overflow: hidden !important;
}
.wow-card.wow-card--pro::after,
.trending-card.trend-card--pro::after { display: none !important; }
.wc-price, .trend-card-price, .product-price {
  color: #0F1111 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.wc-orig, .trend-card-orig { color: #565959 !important; }
.wc-off, .trend-off {
  background: #CC0C39 !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.wc-progress { display: none !important; }
.wc-mall, .lv-pill {
  background: transparent !important;
  color: #007185 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  left: 8px !important;
  top: auto !important;
  bottom: 8px !important;
  padding: 0 !important;
}
.trending-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 0 12px 14px !important;
  background: #EAEDED !important;
}
.trending-section { background: #EAEDED !important; }
.trending-sec-head { background: #fff !important; margin: 0 !important; }
.trending-card.trend-card--pro {
  background: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(15,17,17,.08) !important;
}

/* Buttons */
.btn, .btn-primary, button.primary, .auth-submit, .login-gate-btn, a.btn-primary {
  background: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  border: 1px solid #FCD200 !important;
  color: #0F1111 !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
}

/* Bottom nav */
.bottom-nav, .bottom-nav--tiktok {
  background: #fff !important;
  border-top: 1px solid #D5D9D9 !important;
  height: 60px;
  overflow: visible !important;
}
.bottom-nav .bn-item { color: #565959 !important; }
.bottom-nav .bn-item.active,
.bottom-nav .bn-item.active i { color: #C45500 !important; }
.bottom-nav .bn-item i { font-size: 20px !important; }
.bottom-nav .bn-item__label { font-size: 10px !important; font-weight: 600 !important; }
.bn-create {
  width: 54px !important; height: 54px !important;
  margin-top: -18px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #FFE566, #FF9900) !important;
  border: 3px solid #fff !important;
  box-shadow: 0 4px 12px rgba(255,153,0,.35) !important;
  overflow: visible !important;
}
.bn-create__cyan, .bn-create__pink { display: none !important; }
.bn-create__plus {
  inset: 0 !important; width: auto !important; height: auto !important;
  background: transparent !important; box-shadow: none !important;
  display: grid !important; place-items: center !important;
  position: absolute !important;
}
.bn-create__plus i { color: #111 !important; font-size: 20px !important; }
.bottom-nav .bn-item--create .bn-item__label { color: #0F1111 !important; font-weight: 800 !important; }

/* Chat — compact Amazon launcher */
#lc-root .lc-head, #lc-root .lc-head.is-night {
  background: #131921 !important; background-image: none !important;
}
.lc-launcher, #lc-launcher {
  background: #FF9900 !important;
  color: #111 !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(15,17,17,.22) !important;
  min-height: 44px !important;
  padding: 8px 14px 8px 8px !important;
  gap: 8px !important;
  max-width: min(220px, 70vw) !important;
}
#lc-root .lc-card-ico {
  background: linear-gradient(145deg, #FFD814, #FF9900) !important;
  color: #111 !important;
}

/* Kill leftover TikTok pink from home-ref injected CSS */
.gm-home-header,
.gm-search-sticky {
  background: #131921 !important;
  backdrop-filter: none !important;
}
section.wow-section {
  background: #fff !important;
  margin: 0 0 8px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
section.wow-section .wow-bar .wb-title {
  background: none !important;
  -webkit-text-fill-color: #0F1111 !important;
  color: #0F1111 !important;
}

/* === AUTH + GLOBAL PAGES === */
/* Amazon auth + global page polish (login/register/profile leftovers) */

/* Auth page shell */
body.auth-page,
.auth-page,
.auth-page .app-root {
  background: linear-gradient(180deg, #232F3E 0%, #37475A 42%, #EAEDED 42%) !important;
  min-height: 100vh;
}
.auth-page .auth-shell,
.auth-page .auth-gate,
.auth-page .auth-form-page {
  background: transparent !important;
}
.auth-gate-card,
.auth-form-card {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #D5D9D9 !important;
  box-shadow: 0 8px 28px rgba(15,17,17,.18) !important;
}
.auth-gate h1,
.auth-form-card h1,
.auth-gate-title,
.auth-form-title {
  color: #0F1111 !important;
  font-weight: 700 !important;
}
.auth-gate p,
.auth-gate-sub,
.auth-form-sub {
  color: #565959 !important;
}
.auth-gate .divider,
.auth-gate-divider,
.auth-form-card hr,
.auth-divider {
  background: linear-gradient(90deg, transparent, #FEBD69, transparent) !important;
  border: 0 !important;
  height: 2px !important;
}

/* Logos on auth — wordmark, not square TikTok cart */
.gm-logo-img--auth-gate,
.auth-gate-logo img,
.auth-form-logo img,
.gm-logo-img--auth-form {
  width: 168px !important;
  height: auto !important;
  max-width: 168px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto 10px !important;
  filter: none !important;
}

/* Primary CTA — Amazon yellow */
.auth-btn-primary,
.auth-submit,
.login-gate-btn,
a.auth-btn-primary,
button.auth-btn-primary,
button.auth-submit {
  background: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  background-image: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  border: 1px solid #FCD200 !important;
  color: #0F1111 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 0 rgba(15,17,17,.06) !important;
  text-shadow: none !important;
}
.auth-btn-primary:hover,
.auth-submit:hover {
  filter: brightness(.98);
}

/* Outline — Amazon orange */
.auth-btn-outline,
a.auth-btn-outline,
button.auth-btn-outline {
  background: #fff !important;
  border: 1.5px solid #FF9900 !important;
  color: #C45500 !important;
  border-radius: 999px !important;
}
.auth-links a,
.auth-links a span,
.auth-gate-util i,
.auth-lang-item.active {
  color: #C45500 !important;
}
.auth-lang-item.active {
  background: #FFF8E7 !important;
  font-weight: 600;
}
.auth-gate-util,
.auth-privacy-btn,
button.auth-privacy {
  color: #0F1111 !important;
}
.auth-gate-util i,
.auth-privacy-btn i {
  color: #FF9900 !important;
}

/* Inputs */
.auth-page input[type="text"],
.auth-page input[type="password"],
.auth-page input[type="tel"],
.auth-page input[type="email"],
.auth-page .auth-input,
.auth-page .form-control {
  border: 1px solid #888C8C !important;
  border-radius: 8px !important;
  background: #fff !important;
}
.auth-page input:focus {
  border-color: #E77600 !important;
  box-shadow: 0 0 0 3px rgba(255,153,0,.25) !important;
  outline: none !important;
}

/* Top bars / brand logos on inner pages */
.top-bar,
.top-g-bar,
.header-g-section {
  background: #131921 !important;
  color: #fff !important;
  border: 0 !important;
}
.top-brand-logo,
.top-g-logo img,
.header-g-logo img {
  max-height: 28px !important;
  width: auto !important;
  object-fit: contain !important;
}
.top-title { color: #fff !important; font-weight: 600 !important; }
.top-right, .top-right i { color: #fff !important; }

/* Kill TikTok pink/cyan accents globally when amazon-theme is loaded */
:root {
  --tt-cyan: #232F3E !important;
  --tt-red: #FF9900 !important;
  --line-green: #FF9900 !important;
  --accent: #FF9900 !important;
}

/* Profile TikTok leftovers */
.pf-hero,
.profile-hero,
.pf-head,
.profile-head {
  background: #131921 !important;
  background-image: none !important;
}
.pf-ring,
.profile-avatar-ring {
  box-shadow: 0 0 0 3px #FF9900, 0 0 0 5px #131921 !important;
}
.pf-stat strong,
.profile-stat strong,
.pf-link i,
.menu-item i.fa-solid {
  color: #C45500 !important;
}
.pf-progress,
.profile-progress,
.lv-bar > span,
.progress-fill {
  background: linear-gradient(90deg, #FFD814, #FF9900) !important;
}

/* Mission / wallet accents */
.mission-card .mc-btn,
.mission-claim,
.wallet-btn-primary {
  background: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  color: #0F1111 !important;
  border: 1px solid #FCD200 !important;
}

/* Generic pink gradient kills */
[style*="linear-gradient(135deg,#3BB5D4,#F0357A)"],
[style*="linear-gradient(135deg, #3BB5D4, #F0357A)"] {
  background: linear-gradient(135deg, #232F3E, #FF9900) !important;
}



/* FINAL auth overrides — beat auth-ui */
body.auth-page .auth-btn-primary,
body.auth-page a.auth-btn-primary,
body.auth-page .auth-submit,
body.auth-page button.auth-submit,
.auth-page .auth-btn-primary {
  background: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  background-image: linear-gradient(180deg, #FFE566, #FFD814 55%, #F7CA00) !important;
  border: 1px solid #FCD200 !important;
  color: #0F1111 !important;
}
body.auth-page .auth-btn-outline,
body.auth-page a.auth-btn-outline {
  background: #fff !important;
  border: 1.5px solid #FF9900 !important;
  color: #C45500 !important;
}
body.auth-page,
.auth-page .app-root {
  background: linear-gradient(180deg, #232F3E 0%, #37475A 40%, #EAEDED 40%) !important;
}

/* bump 1794585280.2076697 */


/* Auth logo wordmark (dark on white card) */
body.auth-page .gm-logo-img--auth-gate,
body.auth-page .gm-logo-img--auth-form,
body.auth-page .auth-gate-logo img,
body.auth-page .auth-form-logo img {
  width: 168px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  filter: none !important;
}
body.auth-page .gm-logo-img--auth-form {
  width: 148px !important;
  max-height: 42px !important;
}


/* WHITE LOGO ON DARK HEADER */
.gm-home-header,
.top-bar,
.top-g-bar {
  background: #131921 !important;
}
.gm-home-header .gm-logo-img,
.gm-home-header img,
.top-brand-logo,
.top-g-logo img {
  height: 34px !important;
  max-height: 38px !important;
  max-width: 150px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
}


/* SEARCH FLEX — cart beside form, never overlay */
.gm-search-sticky{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 12px 12px !important;
  position:relative !important;
  background:#131921 !important;
}
.gm-search-sticky form{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  display:flex !important;
  align-items:stretch !important;
  margin:0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  border:2px solid #FEBD69 !important;
  background:#fff !important;
  min-height:44px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.28) !important;
}
.gm-search-sticky input{
  flex:1 1 auto !important;
  min-width:0 !important;
  border:0 !important;
  outline:none !important;
  padding:0 14px !important;
  background:#fff !important;
  color:#0F1111 !important;
  font-size:14px !important;
}
.gm-search-sticky .gm-search-ic,
.gm-search-sticky i.gm-search-ic{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  flex:0 0 48px !important;
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  min-height:40px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(180deg,#FFE566,#FFD814 55%,#F7CA00) !important;
  color:#0F1111 !important;
  border:0 !important;
  border-left:1px solid #F0C14B !important;
  border-radius:0 !important;
  font-size:16px !important;
  box-shadow:none !important;
  transform:none !important;
}
.gm-search-sticky .gm-search-ic::before{
  /* fontawesome glyph only */
}
.gm-home-header .gm-search-cart,
.gm-search-sticky > .gm-search-cart,
a.gm-search-cart{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  border-radius:8px !important;
  font-size:20px !important;
  transform:none !important;
}
a.gm-search-cart i{
  color:#fff !important;
  font-size:20px !important;
}
/* logo row: no absolute cart competing */
.gm-home-header{
  padding:12px 14px 8px !important;
}