/* Flip Shopper Mega Menu — front-end styles */
.fsmm-cat-nav,
.fsmm-cat-nav *{ box-sizing:border-box; }

:root{
  --fsmm-ink:#12131a;
  --fsmm-ink-soft:#1d1f29;
  --fsmm-paper:#f7f5f0;
  --fsmm-flip:#ff4d6d;
  --fsmm-flip-deep:#e0355a;
  --fsmm-mustard:#ffc53d;
  --fsmm-line: rgba(18,19,26,0.08);
  --fsmm-muted:#6b6f76;
  --fsmm-text:#181920;
}

.fsmm-cat-nav{
  background: var(--fsmm-ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif;
  position: relative;
  z-index: 500;
}
.fsmm-cat-nav-inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.fsmm-nav-list{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.fsmm-cat-item{ position:relative; }

.fsmm-cat-trigger{
  display:flex;
  align-items:center;
  gap:6px;
  padding:13px 18px;
  color:#e7e7ea;
  font-size:14px;
  font-weight:500;
  letter-spacing:.01em;
  text-decoration:none;
  white-space:nowrap;
  transition: color .2s ease, background .2s ease;
}
.fsmm-chev{
  width:8px; height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .25s ease;
  opacity:.7;
}
.fsmm-deals > .fsmm-cat-trigger{ color: var(--fsmm-mustard); font-weight:600; }

.fsmm-cat-item:hover > .fsmm-cat-trigger,
.fsmm-cat-item.fsmm-open > .fsmm-cat-trigger{
  color:#fff;
  background: var(--fsmm-ink-soft);
}
.fsmm-cat-item:hover .fsmm-chev,
.fsmm-cat-item.fsmm-open .fsmm-chev{ transform: rotate(225deg) translateY(2px); }

/* Mega panel */
.fsmm-mega{
  position:absolute;
  top:100%; left:0;
  width:100vw;
  background: var(--fsmm-paper);
  border-top:1px solid var(--fsmm-line);
  box-shadow: 0 24px 48px -12px rgba(18,19,26,0.25);
  opacity:0; visibility:hidden;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.fsmm-cat-item:hover > .fsmm-mega,
.fsmm-cat-item.fsmm-open > .fsmm-mega{
  opacity:1; visibility:visible; transform: translateY(0);
}

.fsmm-mega-inner{
  max-width:1280px;
  margin:0 auto;
  padding:36px 24px 40px;
  display:grid;
  grid-template-columns: repeat(4, 1fr) 280px;
  gap:28px;
}
.fsmm-mega-col h4{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color: var(--fsmm-flip-deep);
  margin:0 0 14px;
  padding-bottom:8px;
  border-bottom:2px solid var(--fsmm-flip);
  display:inline-block;
}
.fsmm-mega-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.fsmm-mega-col a{
  color: var(--fsmm-text);
  text-decoration:none;
  font-size:14px;
  transition: color .15s ease, padding-left .15s ease;
}
.fsmm-mega-col a:hover{ color: var(--fsmm-flip-deep); padding-left:4px; }

/* Promo card */
.fsmm-promo-card{
  background: var(--fsmm-ink);
  border-radius:14px;
  padding:20px;
  color:#fff;
  position:relative;
  overflow:hidden;
  min-height:230px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.fsmm-promo-card::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 100% at 100% 0%, rgba(255,77,109,.55), transparent 60%),
              radial-gradient(120% 100% at 0% 100%, rgba(0,194,168,.35), transparent 55%);
}
.fsmm-promo-tag{
  position:absolute; top:16px; right:16px;
  background: var(--fsmm-mustard);
  color: var(--fsmm-ink);
  font-weight:700;
  font-size:11px;
  letter-spacing:.03em;
  padding:5px 10px;
  border-radius:999px;
}
.fsmm-promo-card h5{ font-size:20px; margin:0 0 6px; position:relative; z-index:1; line-height:1.2; }
.fsmm-promo-card p{ margin:0 0 14px; font-size:13px; opacity:.85; position:relative; z-index:1; }
.fsmm-cta{
  position:relative; z-index:1;
  align-self:flex-start;
  background:#fff;
  color: var(--fsmm-ink);
  font-size:13px; font-weight:600;
  padding:8px 16px;
  border-radius:999px;
  text-decoration:none;
}
.fsmm-cta:hover{ background: var(--fsmm-mustard); }

/* Deals strip */
.fsmm-deals-strip{
  display:flex;
  gap:16px;
  max-width:1280px;
  margin:0 auto;
  padding:32px 24px 40px;
}
.fsmm-deal-tile{
  flex:1;
  background:#fff;
  border:1px solid var(--fsmm-line);
  border-radius:12px;
  padding:18px;
  text-decoration:none;
  color: var(--fsmm-text);
  display:block;
}
.fsmm-deal-badge{
  display:inline-block;
  background: var(--fsmm-flip);
  color:#fff;
  font-size:11px; font-weight:700;
  padding:3px 9px;
  border-radius:999px;
  margin-bottom:10px;
}
.fsmm-deal-tile h5{ margin:0 0 6px; font-size:16px; }
.fsmm-deal-tile p{ margin:0; font-size:13px; color: var(--fsmm-muted); }

@media (max-width: 1024px){
  .fsmm-mega-inner{ grid-template-columns: repeat(2, 1fr); }
  .fsmm-mega-inner > *:last-child{ grid-column: span 2; }
  .fsmm-deals-strip{ flex-wrap:wrap; }
  .fsmm-deal-tile{ flex: 1 1 45%; }
}
@media (max-width: 640px){
  .fsmm-mega{ position:static; width:auto; box-shadow:none; }
  .fsmm-mega-inner{ grid-template-columns: 1fr; padding:16px; }
  .fsmm-nav-list{ flex-direction:column; align-items:stretch; }
}