/* SHEIN homepage — clean black / white / coral */
:root{
  --ink:#111;
  --accent:#FF4600;
  --line:#f0f0f0;
  --muted:#8a8a8a;
}

/* ===== Header ===== */
header.sticky.bg-black{
  background:#000 !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
header.sticky.bg-black nav.container-custom{
  padding-left:12px !important;
  padding-right:12px !important;
}
header.sticky.bg-black nav.container-custom > div.flex{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:52px !important;
  gap:.5rem !important;
}
header.sticky.bg-black a[href="/"]{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  flex:0 0 auto !important;
  z-index:2 !important;
}
header.sticky.bg-black img[alt="SHEIN"]{
  display:block !important;
  height:1.4rem !important;
  width:auto !important;
  max-width:108px !important;
  margin:0 auto !important;
  filter:none !important;
}
header.sticky.bg-black .flex.items-center.gap-2,
header.sticky.bg-black .flex.items-center.gap-1\.5,
header.sticky.bg-black .flex.items-center.shrink-0{
  flex-shrink:0 !important;
  max-width:42% !important;
}
header a[href="/login"]{
  background:#fff !important;
  color:#000 !important;
  border-radius:999px !important;
  font-weight:600 !important;
  font-size:.75rem !important;
  min-height:30px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:.3rem .7rem !important;
  white-space:nowrap !important;
}

/* ===== Hero: full-bleed, exact 2:1 (image native), no crop ===== */
.shein-hero{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-height:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  aspect-ratio:2 / 1 !important;
  background:#c62828 !important;
  overflow:hidden !important;
}
@media (min-width:1024px){
  .shein-hero{
    aspect-ratio:2 / 1 !important;
    max-height:480px !important;
  }
}
.shein-hero > div.absolute.inset-0{
  inset:0 !important;
}
.shein-hero-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  pointer-events:none !important;
}
.shein-hero-shade,
.shein-hero .shein-hero-copy,
.shein-hero .hidden,
.shein-hero a:not(.shein-hero-hit),
.shein-hero button{
  display:none !important;
}
.shein-hero-hit{
  position:absolute !important;
  inset:0 !important;
  z-index:10 !important;
  display:block !important;
  background:transparent !important;
}

/* ===== Trust / features strip ===== */
.border-b.border-primary-100.bg-white{
  background:#fff !important;
  border-color:var(--line) !important;
  padding:.7rem 0 .85rem !important;
}
.border-b.border-primary-100 .grid{
  gap:.55rem .85rem !important;
}
.border-b.border-primary-100 .text-secondary-800{
  color:var(--ink) !important;
  font-weight:700 !important;
  font-size:.78rem !important;
  line-height:1.25 !important;
}
.border-b.border-primary-100 .text-secondary-500{
  color:var(--muted) !important;
  font-size:.65rem !important;
  line-height:1.3 !important;
}
.border-b.border-primary-100 .text-primary-600{ color:var(--accent) !important; }
.border-b.border-primary-100 svg{
  width:1.25rem !important;
  height:1.25rem !important;
  flex-shrink:0 !important;
}

/* ===== Sections ===== */
.section-padding{
  background:#fff !important;
  padding-top:1.15rem !important;
  padding-bottom:1.35rem !important;
}
.section-padding .flex.items-end.justify-between,
.section-padding .flex.items-center.justify-between{
  align-items:flex-end !important;
  gap:.75rem !important;
  flex-wrap:nowrap !important;
}
.section-padding .flex.items-end.justify-between > a,
.section-padding .flex.items-center.justify-between > a{
  flex-shrink:0 !important;
  white-space:nowrap !important;
  font-size:.8125rem !important;
}
.section-padding img.object-cover{ border-radius:6px !important; }
.section-padding a.group.relative,
.section-padding a.relative.block{
  border-radius:8px !important;
  overflow:hidden !important;
}
.section-padding a.group.relative img,
.section-padding a.relative.block img{
  aspect-ratio:3 / 4 !important;
  object-fit:cover !important;
}

.text-primary-600,.text-primary-700{ color:var(--accent) !important; }
.bg-primary-500,.bg-primary-600{ background-color:var(--accent) !important; }
nav.fixed .text-primary-600{ color:var(--accent) !important; }
h2.text-secondary-900,.text-secondary-900{ color:var(--ink) !important; }

.rounded-2xl{ border-radius:8px !important; }
.shadow-sm,.shadow-md,.shadow-xl{ box-shadow:none !important; }

nav.fixed.bottom-0{
  border-top:1px solid #eee !important;
  background:#fff !important;
}

.shein-auth-page{ background:#fff !important; }
.shein-auth-page .input{
  border-width:1px !important; border-color:#e5e5e5 !important; border-radius:12px !important;
  background:#fafafa !important;
}
.shein-auth-submit{ background:#000 !important; color:#fff !important; border-radius:999px !important; }
body:has(.shein-auth-page) header a[href="/login"],
body:has(.shein-auth-page) footer,
body:has(.shein-auth-page) nav.fixed.bottom-0{ display:none !important; }
.shein-logo-light{ filter:invert(1) !important; }