/* 20260609 final mobile layout repair
   - stretch mobile content blocks closer to full screen width
   - make the About info table look like the other scrollable tables
   - remove the extra outer frame around the official screenshot slider
   Desktop is untouched. */
@media (max-width: 768px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.home.page-id-2 main.page-content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content > .container{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:4px!important;
    padding-right:4px!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content > .container > *,
  body.home.page-id-2 main.page-content > .container .wp-block-hb-g-section,
  body.home.page-id-2 main.page-content > .container .main-text-wrap,
  body.home.page-id-2 main.page-content > .container .main-text.wrap.section,
  body.home.page-id-2 main.page-content > .container .games_section,
  body.home.page-id-2 main.page-content > .container .categories,
  body.home.page-id-2 main.page-content > .container .cards_section,
  body.home.page-id-2 main.page-content > .container .features_section,
  body.home.page-id-2 main.page-content > .container .faq_section,
  body.home.page-id-2 main.page-content > .container .reviews-section,
  body.home.page-id-2 main.page-content > .container .author-block{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content > .container .wp-block-hb-g-section{
    padding-left:6px!important;
    padding-right:6px!important;
    overflow:visible!important;
  }

  body.home.page-id-2 main.page-content .media_block,
  body.home.page-id-2 main.page-content .media_block.left,
  body.home.page-id-2 main.page-content .media_block.right,
  body.home.page-id-2 main.page-content .game_block,
  body.home.page-id-2 main.page-content .final-loose-card,
  body.home.page-id-2 main.page-content .category-card,
  body.home.page-id-2 main.page-content .reviews-card,
  body.home.page-id-2 main.page-content .author-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content .media_block > .content,
  body.home.page-id-2 main.page-content .acf-innerblocks-container,
  body.home.page-id-2 main.page-content .acf-innerblocks-container > *,
  body.home.page-id-2 main.page-content p,
  body.home.page-id-2 main.page-content li{
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* About section: full mobile width, no artificial viewport-negative table offset. */
  body.home.page-id-2 main.page-content .about-info-section-mobile{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.home.page-id-2 main.page-content .about-info-section-mobile > .media_block{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:none!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content .about-info-section-mobile > .media_block > .content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }

  /* The one problematic table: keep it as a real table, but styled like the normal scroll tables. */
  html body.home.page-id-2 main.page-content .about-info-section-mobile > .wp-block-table.info-table-wrap,
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap.mobile-scroll-table,
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap:has(> table.info-table){
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:18px 0!important;
    padding:0 0 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-x:contain!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    scrollbar-width:thin!important;
    scrollbar-color:#ffd95e rgba(24,7,47,.92)!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap::-webkit-scrollbar{
    display:block!important;
    height:10px!important;
  }
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap::-webkit-scrollbar-track{
    background:rgba(24,7,47,.92)!important;
    border-radius:999px!important;
  }
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#ff2f5e,#ffd95e)!important;
    border-radius:999px!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table{
    display:table!important;
    width:max-content!important;
    min-width:720px!important;
    max-width:none!important;
    margin:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    border:1px solid rgba(244,207,89,.28)!important;
    background:linear-gradient(180deg,rgba(66,42,84,.94),rgba(45,22,64,.98))!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table thead{
    display:table-header-group!important;
  }
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table tbody{
    display:table-row-group!important;
  }
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table tr{
    display:table-row!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    grid-template-columns:none!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table th,
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table td{
    display:table-cell!important;
    width:auto!important;
    min-width:170px!important;
    max-width:360px!important;
    margin:0!important;
    padding:14px 16px!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:#fff7e6!important;
    -webkit-text-fill-color:#fff7e6!important;
    font-size:15px!important;
    line-height:1.35!important;
    vertical-align:middle!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table th{
    background:linear-gradient(180deg,#21083a,#18072f)!important;
    font-weight:900!important;
    border-bottom:3px solid #ff2f5e!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table td{
    background:linear-gradient(180deg,rgba(83,56,94,.84),rgba(55,29,72,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table tbody tr:nth-child(even) td{
    background:linear-gradient(180deg,rgba(73,47,88,.82),rgba(48,24,66,.9))!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table tbody tr:last-child td{
    border-bottom:0!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table th:first-child,
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table td:first-child{
    min-width:230px!important;
    max-width:260px!important;
    font-weight:900!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table thead th:first-child{
    border-bottom:3px solid #ff2f5e!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table tbody tr:last-child td:first-child{
    border-bottom:0!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table th:last-child,
  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table td:last-child{
    min-width:480px!important;
    max-width:560px!important;
  }

  html body.home.page-id-2 main.page-content .wp-block-table.info-table-wrap > table.info-table td::before{
    content:none!important;
    display:none!important;
  }

  /* Screenshot slider: remove the outer gold/purple frame on mobile, keep content inside. */
  body.home.page-id-2 main.page-content .screenshot-flat-mobile,
  body.home.page-id-2 main.page-content .screenshot-flat-mobile > .media_block_slider,
  body.home.page-id-2 main.page-content .media_block_slider:has(#pin-up-brasil-official-website-screenshot){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content .screenshot-flat-mobile .section_title,
  body.home.page-id-2 main.page-content .screenshot-flat-mobile .second{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.home.page-id-2 main.page-content .screenshot-flat-mobile .image-block{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}