/* MatchApp Ai | Adult Home finishing layer, 14 October 2026
 * Decoration/focus/typography only. No edits to protected ads, content engines, poster geometry or Kids.
 */
body.page-home{
 --finish-gold:#f5d89b;--finish-violet:#c5a0ed;--finish-hairline:rgba(244,212,155,.34);
 font-family:system-ui,-apple-system,"Segoe UI","Noto Sans","Noto Sans CJK SC","Noto Sans Devanagari","Noto Naskh Arabic",sans-serif;
 -webkit-font-smoothing:antialiased;
}
body.page-home header#mh-topbox.app-header{
 border-color:var(--finish-hairline)!important;
 background:radial-gradient(ellipse 42% 130% at 100% 0%,rgba(116,74,160,.19),transparent 75%),
 linear-gradient(130deg,rgba(39,21,58,.97),rgba(16,9,29,.98))!important;
 box-shadow:0 22px 58px rgba(3,1,8,.38),inset 0 1px rgba(255,244,213,.08)!important;
}
body.page-home #mh-topbox .mh-tagline{
 color:#e7cfab!important;max-width:70ch;overflow-wrap:break-word;text-wrap:balance;
 font-size:clamp(.84rem,1.4vw,1.08rem)!important;line-height:1.5!important;
}
body.page-home #mh-topbox .ma-luxe-shortcut,
body.page-home #mh-topbox .mh-deck :is(a,button):not(.matchapp-notification-button){
 min-width:0;min-height:44px;box-sizing:border-box;line-height:1.35;
 overflow-wrap:break-word;white-space:normal;text-align:center;
}
body.page-home #mh-topbox .ma-luxe-shortcut{
 border:1px solid rgba(232,192,120,.24);background:linear-gradient(135deg,rgba(84,54,104,.43),rgba(34,24,51,.42));
 box-shadow:inset 0 1px rgba(255,248,223,.06);border-radius:14px;
 transition:transform .17s ease,border-color .17s ease,background-color .17s ease;
}
@media(hover:hover){
 body.page-home #mh-topbox .ma-luxe-shortcut:hover{border-color:#ebcb90;transform:translateY(-2px)}
}
body.page-home #mh-topbox .ma-brand-copy{overflow-wrap:normal;min-width:0}
body.page-home .home-hero .home-h1{
 font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;
 font-size:clamp(1.9rem,5.2vw,4.1rem)!important;line-height:1.14!important;
 letter-spacing:-.035em!important;text-wrap:balance;overflow-wrap:break-word;
 color:#ffe2a5!important;text-shadow:0 3px 32px rgba(6,2,12,.76);
}
body.page-home #trending-rail{isolation:isolate;border-color:rgba(241,206,145,.32);box-shadow:0 20px 58px rgba(4,1,12,.3)}
body.page-home #trending-rail img{object-fit:contain;max-width:100%}
body.page-home :is(#questionnaire-box,#loading-box,#result-box) {
 border-color:var(--finish-hairline);box-shadow:0 20px 64px rgba(4,1,12,.4),inset 0 1px rgba(255,255,255,.06);
}
body.page-home :is(#questionnaire-box,#result-box,#loading-box) :is(h2,h3){
 line-height:1.24;text-wrap:balance;overflow-wrap:break-word;
}
body.page-home :is(#q-type,#q-mood,#q-platform,#q-genre,#q-era){
 min-width:0;max-width:100%;font:inherit;line-height:1.5!important;
 border-color:rgba(238,205,151,.38)!important;color:#fcf5e8!important;
 background-color:#1b122b!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.2);
}
body.page-home :is(#q-type,#q-mood,#q-platform,#q-genre,#q-era):hover{border-color:rgba(243,212,150,.68)!important}
body.page-home :is(#result-box,#loading-box) :is(p,small,span){overflow-wrap:break-word}
body.page-home #res-poster-img{object-fit:contain!important;max-width:100%!important;height:auto}
body.page-home #result-box :is(button,a.gold-btn),body.page-home .home-hero :is(a,button){
 min-height:44px;box-sizing:border-box;line-height:1.35;white-space:normal;
}
body.page-home :is(button,a,select,input,textarea,summary,[role="button"]):focus-visible{
 outline:3px solid #f8dfa5!important;outline-offset:3px!important;
 box-shadow:0 0 0 5px rgba(79,40,109,.75);
}
body.page-home #loading-box[hidden],body.page-home #result-box[hidden]{display:none!important}
body.page-home #loading-box[aria-busy="true"]{cursor:progress}
body.page-home [lang="ar"],body.page-home :lang(ar){
 font-family:system-ui,"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,sans-serif;
}
body.page-home [lang="hi"],body.page-home :lang(hi){
 font-family:system-ui,"Noto Sans Devanagari",Mangal,sans-serif;
}
@media(max-width:600px){
 body.page-home .home-hero{padding:clamp(18px,5vw,30px)!important}
 body.page-home #mh-topbox .ma-luxe-shortcut{font-size:clamp(.72rem,2.7vw,.89rem);padding-inline:6px!important}
 body.page-home :is(#q-type,#q-mood,#q-platform,#q-genre,#q-era){font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
 body.page-home #mh-topbox .ma-luxe-shortcut{transition:none!important}
 body.page-home #mh-topbox .ma-luxe-shortcut:hover{transform:none!important}
}

/* Discovery entry occupies the unused sixth Home shortcut on tablets.
   Same accessible anchor and route as the existing Explore hub; no new handler. */
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-luxe-shortcut.ma-discovery-cta{
  color:#21132e!important;
  border:1px solid #f7d99b!important;
  background:linear-gradient(128deg,#ffe4a8 0%,#ddb374 57%,#b98652 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 3px 14px rgba(199,143,76,.19)!important;
  font-weight:800!important;letter-spacing:.005em!important;
  transition:filter .19s ease,box-shadow .19s ease,transform .19s ease;
}
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta svg{
  stroke:#312041!important;fill:none!important;
}
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta:hover{
  filter:brightness(1.07);box-shadow:inset 0 1px rgba(255,255,255,.8),0 7px 19px rgba(221,166,86,.35)!important;
}
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta:focus-visible{
  outline:3px solid #fff0c6!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta{transition:none!important}
}

/* The brand already navigates Home: avoid a redundant self-link taking up a tile. */
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-luxe-shortcut[data-ma-nav="0"]{display:none!important}

/* MatchApp Ai adult Home: flexibly fill the nav when Android hides Kids.
   Five visible options: 3 + 2 balanced. Six in browsers: 3 + 3. */
@media(max-width:900px){
 html body.page-home header#mh-topbox#mh-topbox>nav.ma-luxe-shortcuts.ma-luxe-shortcuts{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:stretch!important;justify-content:stretch!important;
  gap:clamp(6px,1.1vw,10px)!important;
 }
 html body.page-home header#mh-topbox#mh-topbox>nav.ma-luxe-shortcuts.ma-luxe-shortcuts>a.ma-luxe-shortcut{
  flex:1 1 calc(33.333% - 10px)!important;
  width:auto!important;min-width:0!important;max-width:none!important;
 }
}
/* The already-prominent header discovery CTA replaces the redundant large invite. */
html body.page-home.ma-watch-focused section.premium-card:has(> [data-home-explore-description]){
 display:none!important;
}

/* Final art-direction lock: take precedence over the legacy header's ID-heavy
   button palette, while leaving every other button unchanged. */
html body.page-home header#mh-topbox#mh-topbox#mh-topbox.app-header.ma-home-header > nav.ma-luxe-shortcuts.ma-luxe-shortcuts > a.ma-luxe-shortcut.ma-discovery-cta.ma-discovery-cta{
 color:#291a33!important;
 border-color:#ffdda0!important;
 background:#eac080!important;
 background-image:linear-gradient(130deg,#ffe7b0 0%,#e8bb72 57%,#bc8851 100%)!important;
 box-shadow:inset 0 2px rgba(255,255,255,.7),0 4px 17px rgba(240,183,95,.25)!important;
 text-shadow:none!important;font-weight:850!important;
}
html body.page-home header#mh-topbox#mh-topbox#mh-topbox.app-header.ma-home-header > nav.ma-luxe-shortcuts.ma-luxe-shortcuts > a.ma-luxe-shortcut.ma-discovery-cta.ma-discovery-cta svg{
 color:#342044!important;stroke:#342044!important;
}

/* Seven honest destinations, no blank/broken nav cell; Kids entry remains intact. */
html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts{
 grid-template-columns:repeat(7,minmax(0,1fr))!important;
 align-items:stretch!important;
}
@media(min-width:600px) and (max-width:900px){
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta{
  grid-column:span 2!important;
 }
}
@media(max-width:599px){
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts > a.ma-discovery-cta{
  grid-column:1 / -1!important;
 }
}

/* Desktop correction: the old two-row grid put both utility and shortcut navigation
   in grid row 2. Give each a real row instead of layering clickable surfaces. */
@media(min-width:1100px){
 html body.page-home header#mh-topbox#mh-topbox.app-header.ma-home-header{
  grid-template-rows:auto auto auto!important;
  height:auto!important;max-height:none!important;
  min-height:0!important;align-items:stretch!important;
 }
 html body.page-home header#mh-topbox#mh-topbox > nav.mh-deck{
  grid-row:2!important;
 }
 html body.page-home header#mh-topbox#mh-topbox > nav.ma-luxe-shortcuts{
  grid-row:3!important;
  align-self:stretch!important;
  margin-top:0!important;
 }
}
/* Redundant growth copy lives elsewhere in the adult discovery pages.
   Keep it in DOM for accessibility and history, but leave Home editorially focused. */
html body.page-home.ma-watch-focused #matchapp-growth-disclosure{display:none!important}

/* Posters can decode after the first paint. Give the artwork slot a finished
   lightweight appearance without stretching, masking or replacing source art. */
html body.page-home #trending-rail .marquee-item{
 position:relative;
 background:radial-gradient(ellipse at 46% 33%,rgba(126,74,153,.46),transparent 75%),
  linear-gradient(145deg,#2b1b3e,#110c1b 88%);
}
html body.page-home #trending-rail .marquee-item::before{
 content:"";position:absolute;inset:8px;
 border-radius:inherit;pointer-events:none;
 background:linear-gradient(142deg,rgba(238,195,113,.10),transparent 48%,rgba(149,104,202,.10));
}
html body.page-home #trending-rail .marquee-item > img{
 position:relative;z-index:1;
}