/* Zalando theme — white / black / orange */
:root{
  --ink:#111111;
  --accent:#FF6900;
  --muted:#6b7280;
  --line:#ececec;
  --bg:#ffffff;
}

html, body{
  background:#fff !important;
  color:var(--ink) !important;
  overflow-x:hidden !important;
}
#root, #root > div.min-h-screen{
  width:100% !important;
  max-width:100% !important;
  background:#fff !important;
}

/* Header */
header.sticky.bg-black{
  background:#fff !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
}
header.sticky.bg-black > div.bg-black{
  background:#fff !important;
  color:var(--ink) !important;
  border-bottom:1px solid #f3f3f3 !important;
}
header.sticky.bg-black a[href="/"]{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  margin:0 .35rem 0 0 !important;
  padding:0 !important;
}
header.sticky.bg-black img[alt="SHEIN"],
header.sticky.bg-black img[alt="Thaimart"],
header.sticky.bg-black img[alt="zalando"],
header.sticky.bg-black a[href="/"] img{
  display:block !important;
  height:1.7rem !important;
  width:auto !important;
  max-width:150px !important;
  object-fit:contain !important;
  filter:none !important;
}
header.sticky.bg-black button,
header.sticky.bg-black a{
  color:var(--ink) !important;
}
header.sticky.bg-black a[class*="text-white"]{
  color:var(--ink) !important;
}
header.sticky.bg-black [class*="bg-white"]{ background:#f3f4f6 !important; }
header.sticky.bg-black a[href="/cart"] span,
header.sticky.bg-black a[href="/wishlist"] span{
  color:#fff !important;
  background:var(--accent) !important;
}
header.sticky.bg-black a[href="/login"]{
  background:var(--accent) !important;
  color:#fff !important;
  border:1px solid var(--accent) !important;
  border-radius:999px !important;
  font-weight:700 !important;
  font-size:.75rem !important;
  min-height:30px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:.3rem .8rem !important;
  white-space:nowrap !important;
}

/* Audience pills — spacing was broken (text stuck together) */
.zl-audience{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:.5rem !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
  padding:.65rem 1rem !important;
  background:#fff !important;
  border-bottom:1px solid var(--line) !important;
  scrollbar-width:none;
}
.zl-audience::-webkit-scrollbar{ display:none; }
.zl-pill{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:.4rem .9rem !important;
  border-radius:999px !important;
  border:1px solid #e5e7eb !important;
  background:#fff !important;
  color:var(--ink) !important;
  font-size:.8125rem !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.zl-pill-on{
  background:var(--ink) !important;
  color:#fff !important;
  border-color:var(--ink) !important;
}

/* Hero */
.shein-hero, .zl-hero{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  aspect-ratio:1024 / 341 !important;
  background:#fff7f0 !important;
  overflow:hidden !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;
}
.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;
}

/* Story / inspo */
.zl-story-title, .zl-story-sub, .zl-story-ask{
  color:var(--ink) !important;
}
.zl-inspo{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:.4rem !important;
  padding:0 .75rem .75rem !important;
}
.zl-inspo-card{
  display:block !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:#f8f8f8 !important;
  color:var(--ink) !important;
  text-decoration:none !important;
}
.zl-inspo-card img{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  display:block !important;
}
.zl-inspo-card span{
  padding:.35rem .4rem .45rem !important;
  font-size:.7rem !important;
}

/* Fix white-on-white labels */
[class*="text-white/95"],
[class*="text-white\\/95"],
.text-white\\/95{
  color:var(--ink) !important;
}
[class*="text-white/90"],
[class*="text-white\\/90"]{
  color:#1f2937 !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{ color:var(--ink) !important; }

.border-b.border-primary-100.bg-white{
  background:#fff !important;
  border-color:var(--line) !important;
}
.border-b.border-primary-100 .text-secondary-800{ color:var(--ink) !important; }
.border-b.border-primary-100 .text-secondary-500{ color:var(--muted) !important; }

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

.shein-auth-page{ background:#fff !important; }
.shein-auth-submit{ background:#111 !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; }

.zl-catalog{ padding:1rem 0 1.5rem !important; background:#fff !important; }
.zl-cat-head{ padding:0 1rem .75rem !important; display:flex !important; align-items:baseline !important; justify-content:space-between !important; gap:1rem !important; }
.zl-cat-title{ font-size:1.25rem !important; font-weight:800 !important; color:#111 !important; margin:0 !important; }
.zl-count{ color:#6b7280 !important; font-size:.8125rem !important; margin:0 !important; }
.zl-chips{ display:flex !important; gap:.5rem !important; overflow-x:auto !important; padding:0 1rem .85rem !important; scrollbar-width:none; }
.zl-chip{ flex:0 0 auto !important; padding:.35rem .8rem !important; border-radius:999px !important; border:1px solid #e5e7eb !important; background:#fff !important; color:#111 !important; font-size:.75rem !important; font-weight:600 !important; white-space:nowrap !important; text-decoration:none !important; }
.zl-chip-on{ background:#111 !important; color:#fff !important; border-color:#111 !important; }

.zl-filters{ display:flex !important; flex-wrap:wrap !important; gap:.35rem .75rem !important; padding:0 1rem .9rem !important; align-items:center !important; }
.zl-filter{ color:#6b7280 !important; font-size:.8125rem !important; font-weight:500 !important; text-decoration:none !important; white-space:nowrap !important; padding:.15rem 0 !important; border-bottom:1px solid transparent !important; }
.zl-filter:hover,.zl-filter-on{ color:#111 !important; border-bottom-color:#111 !important; }
.zl-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:1px !important;
  padding:0 !important;
  background:#fff !important;
}
@media (min-width:420px){
  .zl-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (min-width:640px){
  .zl-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:2px !important; }
}
@media (min-width:1024px){
  .zl-grid{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:2px !important; }
}
.zl-grid > *{ min-width:0 !important; }
.zl-grid a.group > div{
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff !important;
}
.zl-grid a.group > div > .relative{
  aspect-ratio:1/1 !important;
  background:#f3f3f3 !important;
}
.zl-grid a.group img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.zl-grid a.group > div > div:last-child{
  padding:.4rem .4rem .55rem !important;
}
.zl-grid a.group h3{
  font-size:.68rem !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  color:#111 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin:0 0 .2rem !important;
  min-height:2.5em !important;
}
.zl-grid a.group .font-bold,
.zl-grid a.group [class*="font-bold"]{
  font-size:.75rem !important;
  font-weight:700 !important;
  color:#111 !important;
}
.zl-grid a.group .line-through{
  font-size:.7rem !important;
  color:#9ca3af !important;
}
.zl-grid a.group button[aria-label="wishlist"]{
  width:1.75rem !important;
  height:1.75rem !important;
  top:.5rem !important;
  right:.5rem !important;
}
.zl-grid a.group .absolute.top-3.left-3{
  top:.5rem !important;
  left:.5rem !important;
}
/* hide marketplace grade + star clutter on fashion grid */
.zl-grid a.group .absolute.top-3.left-3 > span[class*="bg-white"]{ display:none !important; }
.zl-grid a.group > div > div:last-child > .flex.items-center{ display:none !important; }
.zl-grid a.group > div > div:last-child > p{ margin-bottom:.15rem !important; letter-spacing:.08em !important; font-size:.65rem !important; color:#6b7280 !important; }
.zl-grid a.group h3{ min-height:2.4em !important; }
.zl-more{ padding:1.25rem 1rem 0 !important; text-align:center !important; }
.zl-more-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:12rem !important;
  padding:.7rem 1.25rem !important;
  border:1px solid #111 !important;
  background:#fff !important;
  color:#111 !important;
  font-size:.8125rem !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
}
.zl-more-btn:hover{ background:#111 !important; color:#fff !important; }
.zl-chips::-webkit-scrollbar{ display:none; }

.zl-inspo-card span{ display:block !important; padding:.55rem .65rem .7rem !important; font-size:.8125rem !important; font-weight:600 !important; color:#111 !important; }
.zl-story{ padding:1.25rem 1rem .5rem !important; background:#fff !important; }
.zl-story-title{ font-size:1.5rem !important; font-weight:800 !important; color:#111 !important; margin:0 0 .35rem !important; }
.zl-story-sub{ color:#4b5563 !important; margin:0 0 .35rem !important; }
.zl-story-ask{ color:#111 !important; font-weight:600 !important; margin:0 0 .85rem !important; }

/* compact card chrome */
.zl-grid a.group button[aria-label="wishlist"]{ display:none !important; }
.zl-grid a.group .absolute.inset-x-0.bottom-0{ display:none !important; }
.zl-grid a.group .absolute.top-3.left-3 span{ font-size:9px !important; padding:2px 5px !important; }
.zl-catalog{ padding:.5rem 0 1rem !important; }
.zl-cat-title{ font-size:1.05rem !important; }

.zl-hide{ display:none !important; }
/* hide leftover large product sections under catalog */
.zl-catalog ~ section.border-b.border-primary-100.bg-white { display:none !important; }