/* TuDea V8: homepage mobile visual refinements only.
   This is loaded after site.css and tudea-v7.css; no desktop/layout reset. */
@media screen and (max-width:720px) {
  /* Four studio facts: a single readable column; no cropped dates/rating. */
  .trust{padding-bottom:clamp(42px,11vw,68px)}
  .trust .trust-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    border-radius:24px;
    overflow:hidden;
  }
  .trust .trust-item,
  .trust .trust-item:nth-child(2){
    min-width:0;
    padding:20px clamp(20px,6vw,28px);
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .trust .trust-item:last-child{border-bottom:0!important}
  .trust .trust-item strong{
    display:block;
    max-width:100%;
    font-size:clamp(22px,6.2vw,27px);
    line-height:1.12;
    letter-spacing:-.03em;
    overflow-wrap:break-word;
  }
  .trust .trust-item span{
    display:block;
    max-width:34ch;
    margin-top:8px;
    font-size:clamp(13px,3.8vw,15px);
    line-height:1.46;
    overflow-wrap:break-word;
  }

  /* Existing final red CTA: title, copy, button in a vertical editorial flow. */
  main > .container > .cta,
  main > .container > section.cta {
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:19px!important;
    width:100%;
    min-width:0;
    min-height:0;
    margin:clamp(28px,7vw,42px) 0!important;
    padding:clamp(26px,7vw,34px) clamp(21px,6vw,28px)!important;
    border-radius:clamp(24px,7vw,30px);
  }
  main > .container > .cta > div{
    display:block!important;
    flex:none;
    min-width:0;
    width:100%;
  }
  main > .container > .cta h2{
    max-width:100%!important;
    margin:0 0 15px!important;
    font-size:clamp(31px,8vw,39px)!important;
    line-height:1.06!important;
    letter-spacing:-.047em;
    text-wrap:balance;
    overflow-wrap:break-word;
  }
  main > .container > .cta p{
    max-width:34ch!important;
    font-size:clamp(15px,4vw,17px)!important;
    line-height:1.5!important;
    margin:0!important;
    color:#ffe4dc;
    text-wrap:pretty;
  }
  main > .container > .cta .btn{
    display:flex!important;
    align-self:stretch!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%;
    min-height:55px;
    padding:12px 18px;
    margin:0!important;
    font-size:clamp(14px,4vw,17px)!important;
    line-height:1.3;
    white-space:normal;
    text-align:center;
  }

  /* TuDea online: visual hierarchy restored; icon and title sit together. */
  #social{overflow:clip}
  #social .social-shell{border-radius:clamp(24px,7vw,30px)}
  #social .social-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:15px!important;
    min-width:0;
    padding:clamp(25px,7vw,34px) clamp(21px,6vw,29px)!important;
  }
  #social .social-top > div{min-width:0;max-width:100%;width:100%}
  #social .social-top .eyebrow{max-width:100%;line-height:1.5}
  #social .social-top h2{
    max-width:100%;
    font-size:clamp(30px,7.7vw,40px)!important;
    line-height:1.06!important;
    letter-spacing:-.045em;
    margin:10px 0 0!important;
    overflow-wrap:break-word;
    text-wrap:balance;
  }
  #social .social-top > p{
    max-width:37ch;
    margin:0!important;
    font-size:clamp(14px,3.8vw,16px);
    line-height:1.55;
    overflow-wrap:break-word;
  }
  #social .social-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0;
    gap:1px;
  }
  #social .social-card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:start!important;
    justify-content:stretch!important;
    min-height:0!important;
    gap:14px!important;
    padding:23px clamp(21px,6vw,29px)!important;
    overflow-wrap:break-word;
  }
  #social .social-icon{
    display:grid;
    place-items:center;
    width:44px;
    min-width:44px;
    height:44px;
    padding:0 3px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:14px;
    background:rgba(255,255,255,.055);
    color:#ff917e;
    font-size:13px!important;
    font-weight:900;
    line-height:1;
    letter-spacing:.015em;
  }
  #social .social-card > div{min-width:0}
  #social .social-card h3{
    margin:0 0 6px!important;
    font-size:clamp(19px,5.1vw,22px)!important;
    line-height:1.15!important;
    letter-spacing:-.025em;
  }
  #social .social-card p{margin:0 0 12px;font-size:13px;line-height:1.5}
  #social .social-card b{display:inline-block;font-size:12px}

  /* Preserve reading room underneath the floating CTA and the home footer. */
  .mobile-sticky{
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
    left:10px;
    right:10px;
    padding:6px;
    z-index:65;
  }
  .mobile-sticky .btn{min-height:52px;font-size:clamp(13px,3.7vw,16px)}
  .mobile-sticky.t8-sticky-suppressed{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 28px))!important;
  }
  .t7-home-footer{padding-bottom:calc(36px + env(safe-area-inset-bottom, 0px))}
  .t7-home-footer .footer-bottom{padding-bottom:10px}

  /* Existing scroll-to-top widgets are raised above an active sticky bar. */
  .t8-scroll-top-adjust{
    position:fixed!important;
    right:clamp(14px,4vw,24px)!important;
    bottom:calc(var(--t8-sticky-clearance, 91px) + env(safe-area-inset-bottom, 0px) + 12px)!important;
    z-index:67;
  }
}
@media screen and (max-width:375px) {
  #social .social-top h2{font-size:30px!important}
  #social .social-card{gap:12px!important}
  .trust .trust-item strong{font-size:23px}
  main > .container > .cta h2{font-size:30px!important}
}
@media (prefers-reduced-motion: reduce){
 .mobile-sticky{transition:none!important}
}