/* Same football card on homepage and recommendations. Mobile only. */
@media(max-width:600px){
 html body #app>.wrap .recommend-page .sdc-compact-card{grid-template-rows:auto auto auto!important;margin-bottom:12px!important;border-radius:11px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head{min-height:0!important;height:auto!important;padding:9px 11px 8px!important;gap:7px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert{gap:8px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait{width:38px!important;height:38px!important;flex-basis:38px!important;padding:2px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line{gap:6px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>b{font-size:17px!important;line-height:1.25!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>i{font-size:9px!important;padding:3px 6px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert-copy>small{font-size:9px!important;margin-top:4px!important;line-height:1.35!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-metrics{justify-content:flex-start!important;padding-left:46px!important;gap:16px!important;margin:0!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat{gap:4px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat>i{width:12px!important;height:12px!important;flex-basis:12px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat b{font-size:17px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat small{font-size:9px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-content{height:auto!important;padding:8px 10px!important;gap:8px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-board{height:122px!important;min-height:0!important;border-radius:7px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta{top:8px!important;gap:9px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta b{padding:3px 7px!important;font-size:11px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta time{font-size:10px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta>span{top:34px!important;font-size:10px!important;line-height:14px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-versus{height:76px!important;bottom:7px!important;padding:0 10px!important;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team{gap:4px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team .team-badge{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;font-size:18px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team b{font-size:11px!important;line-height:1.35!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-vs em{font-size:24px!important;line-height:1.1!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro{height:auto!important;min-height:0!important;padding:0!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title{min-height:0!important;height:auto!important;margin:0!important;line-height:16px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title b{font-size:12px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title span{font-size:8px!important;letter-spacing:1px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro>p{margin:4px 0 0!important;font-size:11px!important;line-height:1.65!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-bottom{height:auto!important;min-height:0!important;padding:8px 11px!important;gap:8px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid{height:34px!important;min-height:0!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid b{font-size:18px!important;line-height:1.1!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid small{font-size:9px!important;line-height:1.3!important;margin-top:3px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-action-panel{padding:8px 0 0!important;gap:8px!important;min-height:0!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction{min-width:0!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>i{font-size:11px!important;line-height:1.3!important;margin-bottom:3px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>strong{font-size:16px!important;line-height:1.35!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>b svg{width:20px!important;height:26px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{min-width:132px!important;height:38px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta>strong{height:38px!important;flex-basis:38px!important;padding:0 11px!important;font-size:12px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>small{height:38px!important}
}
@media(max-width:600px){
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-metrics{box-sizing:border-box!important;padding-left:0!important;gap:10px!important;justify-content:space-between!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat{min-width:0!important;flex:0 1 auto!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat>strong{min-width:0!important;gap:4px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction{flex:1 1 auto!important;max-width:none!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>strong{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:none!important}
}
@media(max-width:350px){
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-action-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{width:100%!important}
}
@media(max-width:600px){
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction{grid-template-columns:20px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:3px 6px!important}
 html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{min-width:120px!important}
}