/* VidShrink mobile Photo redesign — Cloud Beta visual system.
   Mobile-only. Desktop intentionally remains untouched. */
@media (max-width: 700px) {
  html.home,
  html.home body {
    background:
      radial-gradient(circle at 85% 7%, rgba(24,118,255,.12), transparent 28rem),
      radial-gradient(circle at 10% 44%, rgba(27,229,198,.07), transparent 24rem),
      #061326;
    color:#eef5ff;
  }
  .home body{overflow-x:hidden}

  /* Header */
  .home header.site{min-height:0!important;padding:0!important;background:#071426;border-bottom:1px solid rgba(129,165,213,.12);box-shadow:none}
  .home header.site .container,.home header.site .header-flex{width:100%;max-width:none;min-height:0!important;padding:13px 20px!important}
  .home header.site .subtitle{display:none!important}
  .home header.site .brand,.home header.site .brand-banner,.home .brand-home-link{width:auto!important;min-height:0!important;margin:0!important;padding:0!important}
  .home header.site .brand-banner-img{display:block!important;width:330px!important;max-width:82vw!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}
  .home .site-us-flag{width:48px!important;height:48px!important;margin-left:auto!important}

  /* Nav */
  .home .top-nav{position:relative;top:auto;z-index:20;background:#071426;border-bottom:1px solid rgba(129,165,213,.12);box-shadow:none}
  .home .nav-shell{padding:9px 12px 10px;gap:5px}

  /* Put Photo first on mobile */
  .home main{display:flex;flex-direction:column;padding:0 0 28px}
  .home main>.container:first-child{order:2}
  .home main>.container:nth-child(2){order:1;width:100%;max-width:none;padding:0 14px}
  .home #photoTool{position:relative;max-width:100%;margin:0;padding:18px 0 4px;background:transparent;border:0;box-shadow:none}
  .home #photoTool::before{content:"01 / COMPRESS";display:block;margin:0 6px 6px;color:#70e7e4;font-size:.68rem;font-weight:900;letter-spacing:.18em}
  .home .tool-suite-intro{margin:0 6px 14px;padding:0;text-align:left}
  .home .tool-suite-eyebrow{display:none}
  .home .tool-suite-intro h2{margin:0;color:#f5f9ff;font-size:clamp(1.85rem,8vw,2.35rem);line-height:1.04;letter-spacing:-.045em}
  .home .tool-suite-intro h2::after{content:" compressor"}
  .home .tool-suite-intro>p:last-child{max-width:34rem;margin:7px 0 0;color:#aebed5;font-size:.82rem;line-height:1.45}

  /* Choose card */
  .home .suite-drop{box-sizing:border-box;width:100%;margin:0;padding:17px;border:1px solid rgba(165,190,224,.7);border-radius:19px;background:#f7f9fc;box-shadow:0 18px 44px rgba(0,8,24,.26)}
  .home .suite-drop .drop-inner{min-height:230px;padding:24px 14px 20px;border:2px dashed #a9bfdc;border-radius:16px;background:#f7f9fc}
  .home .suite-drop,.home .suite-drop *{text-shadow:none!important}
  .home .photo-drop-icon{display:grid;width:52px;height:52px;margin:0 auto 13px;place-items:center;border:1px solid #bfd1e9;border-radius:15px;background:#fff;color:#3d8af7!important;font-size:0;box-shadow:0 8px 20px rgba(26,83,166,.08)}
  .home .photo-drop-icon::before{content:"↥";color:#3d8af7!important;font-size:1.55rem;font-weight:800}
  .home .drop-title{margin:0;color:#102340!important;font-size:1.08rem;font-weight:900}
  .home .drop-subtitle{margin:5px auto 14px;color:#6f819b!important;font-size:.78rem;line-height:1.45}
  .home #pick.btn.primary{min-width:174px;min-height:52px;padding:0 20px;border:0;border-radius:13px;background:linear-gradient(135deg,#3385ff,#1767e8);color:#fff!important;font-size:.95rem;font-weight:900;box-shadow:0 12px 26px rgba(30,105,232,.28)}
  .home .drop-formats{display:block;margin-top:10px;color:#8798af!important;font-size:.64rem;font-weight:700}

  /* Selected photo workspace */
  .home .original-preview{box-sizing:border-box;width:100%;margin:14px 0 0;padding:15px;overflow:hidden;border:1px solid rgba(165,190,224,.7);border-radius:19px;background:#f7f9fc!important;color:#102340!important;box-shadow:0 18px 44px rgba(0,8,24,.24)}
  .home .original-preview,.home .original-preview *{text-shadow:none!important}
  .home .original-preview-grid{grid-template-columns:1fr!important;gap:13px!important}
  .home .original-preview-image-wrap{min-height:180px!important;max-height:310px!important;overflow:hidden;border-radius:14px;background:#eaf0f7}
  .home .original-preview-image{max-height:280px!important;object-fit:contain}
  .home .original-preview-copy{color:#102340!important;text-align:left!important}
  .home .original-preview-copy h3{margin:0 0 4px;color:#102340!important;font-size:1.05rem}
  .home .original-preview-name,.home .original-preview-details{color:#71849f!important;font-size:.72rem}

  /* Quick tools become a light, readable control grid */
  .home .photo-quick-tools{margin-top:14px!important;padding:14px 0 0!important;border:0!important;border-top:1px solid #d8e2ee!important;background:transparent!important;box-shadow:none!important}
  .home .photo-quick-tools__heading{margin-bottom:10px!important}
  .home .photo-quick-tools__heading,.home .photo-quick-tools__heading *{color:#102340!important}
  .home .photo-quick-tools__heading>span{color:#168f7e!important}
  .home .photo-quick-tools__grid{gap:0!important;overflow:hidden!important;border:1px solid #d3dfed!important;border-radius:14px!important;background:#eef3f8!important;opacity:1!important;filter:none!important}
  .home .photo-quick-tools__grid>button{min-height:72px!important;padding:.72rem!important;border:0!important;border-right:1px solid #d3dfed!important;border-bottom:1px solid #d3dfed!important;border-radius:0!important;background:#f3f6fa!important;color:#102340!important;box-shadow:none!important;opacity:1!important;filter:none!important}
  .home .photo-quick-tools__grid>button:nth-child(2n){border-right:0!important}
  .home .photo-quick-tools__grid>button:nth-last-child(-n+2){border-bottom:0!important}
  .home .photo-quick-tools__grid>button:hover,.home .photo-quick-tools__grid>button:focus-visible,.home .photo-quick-tools__grid>button.is-active{background:#e8f4f1!important;color:#102340!important;box-shadow:inset 0 -3px 0 #43c9ae!important}
  .home .photo-quick-tools__grid>button strong,.home .photo-quick-tools__grid>button b,.home .photo-quick-tools__grid>button div{color:#102340!important;opacity:1!important}
  .home .photo-quick-tools__grid>button small,.home .photo-quick-tools__grid>button p,.home .photo-quick-tools__status{color:#71849f!important;opacity:1!important}
  .home .photo-quick-tools__grid>button>span{color:#168f7e!important;background:transparent!important;opacity:1!important}

  /* Compression controls */
  .home #options,.home .original-preview.compression-card #options.original-preview-controls{margin-top:13px!important;padding:13px 0 0!important;border:0!important;border-top:1px solid #d8e2ee!important;background:transparent!important;box-shadow:none!important}
  .home .preset-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;text-align:left!important}
  .home .preset-row label{color:#102340!important;font-size:.76rem!important;font-weight:850!important}
  .home #preset{width:100%!important;min-height:48px!important;padding:0 12px!important;border:1px solid #bdd0e8!important;border-radius:12px!important;background:#fff!important;color:#132a49!important;font-size:.86rem!important;font-weight:800!important}
  .home .stats,.home #savingsRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 0!important}
  .home .stats p,.home #savingsRow p{margin:0!important;padding:10px!important;border:1px solid #d8e4f0!important;border-radius:12px!important;background:#f1f5fa!important;color:#71849f!important;font-size:.66rem!important}
  .home .stats span,.home #savingsRow span{display:block!important;margin-top:2px!important;color:#102340!important;font-size:.9rem!important;font-weight:900!important}
  .home #savingsRow{grid-template-columns:1fr!important}
  .home #savingsRow p{border-color:#bce8d8!important;background:#eaf9f3!important}
  .home .actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .home #start.btn.primary{min-height:52px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#3385ff,#1767e8)!important;color:#fff!important;font-size:.9rem!important;font-weight:900!important}
  .home #reset.btn.secondary{min-height:45px!important;border:1px solid #c9d7e7!important;border-radius:12px!important;background:#fff!important;color:#294568!important;font-weight:800!important}

  /* Inline quick-tool panels */
  .home .original-preview .photo-quick-panel{border-color:#d8e2ee!important;background:#f7f9fc!important;color:#102340!important;box-shadow:none!important}
  .home .original-preview .photo-quick-panel *{color:#102340}
  .home .original-preview .photo-quick-panel p,.home .original-preview .photo-quick-panel small,.home .original-preview .photo-quick-panel label{color:#71849f!important}

  /* Progress/result */
  .home .progress{box-sizing:border-box;margin:14px 0 0;padding:14px;border:1px solid rgba(165,190,224,.55);border-radius:16px;background:#f7f9fc;color:#102340}
  .home .progress-bar{background:linear-gradient(90deg,#2f80ff,#1cd5bd)}
  .home .progress-text{color:#71849f}
  .home #result:not(.hidden){box-sizing:border-box;width:100%;margin:14px 0 0;padding:15px;overflow:hidden;border:1px solid rgba(165,190,224,.7);border-radius:19px;background:#f7f9fc;color:#102340;box-shadow:0 18px 44px rgba(0,8,24,.22)}

  /* Hard stop for old dark-theme declarations bleeding into the light mobile cards. */
  html.home body #photoTool #drop.suite-drop .drop-inner .drop-title{color:#102340!important;opacity:1!important;-webkit-text-fill-color:#102340!important}
  html.home body #photoTool #drop.suite-drop .drop-inner .drop-subtitle{color:#657a96!important;opacity:1!important;-webkit-text-fill-color:#657a96!important}
  html.home body #photoTool #drop.suite-drop .drop-inner .drop-formats{color:#7589a4!important;opacity:1!important;-webkit-text-fill-color:#7589a4!important}
  html.home body #photoTool .photo-quick-tools__heading strong,
  html.home body #photoTool .photo-quick-tools__heading h3{color:#102340!important;-webkit-text-fill-color:#102340!important;opacity:1!important}

  /* Keep preview review task-focused */
  .home #photoDiagnostics,.home .photo-diagnostics{display:none!important}
  .home .home-mission-compact,.home .home-tool-links{display:none!important}
  .home .home-video-launch{margin:20px 0 0;padding:15px;border-radius:17px;box-shadow:none}
  .home .home-video-launch h2{font-size:1.35rem}
  .home .home-video-launch p{font-size:.75rem}
  .home .home-video-proof{display:none}
  .home .home-video-actions{margin-top:10px}
  .home .home-video-actions .secondary{display:none}
  .home .home-video-actions a{min-height:46px}
  .home footer{padding:18px 14px 28px;background:#061326;border-top:1px solid rgba(129,165,213,.12);color:#8ca1bd;font-size:.68rem}
}

@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    .home .suite-drop,.home .original-preview,.home #result:not(.hidden){transform:none!important}
  }
}

/* Match the live Cloud Video mobile header geometry exactly. */
@media (max-width:700px){
  html.home body header.site{
    box-sizing:border-box!important;
    width:100%!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-align:left!important;
    background:#071426!important;
  }

  html.home body header.site>.container.header-flex{
    position:relative!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    margin:0!important;
    padding:10px 22px!important;
    overflow:hidden!important;
    text-align:left!important;
  }

  html.home body header.site .brand-home-link{
    position:relative!important;
    display:block!important;
    flex:0 0 210px!important;
    align-self:center!important;
    width:210px!important;
    max-width:210px!important;
    height:102px!important;
    min-width:210px!important;
    min-height:102px!important;
    max-height:102px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background-image:url("/vidshrink-header-main.png")!important;
    background-repeat:no-repeat!important;
    background-position:-207px 0!important;
    background-size:600px auto!important;
  }

  html.home body header.site .brand-home-link .brand,
  html.home body header.site .brand-home-link .brand-banner,
  html.home body header.site .brand-home-link .brand-banner-img{
    display:none!important;
  }

  html.home body header.site .site-us-flag{
    position:absolute!important;
    top:50%!important;
    right:18px!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:64px!important;
    height:auto!important;
    max-width:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    object-fit:contain!important;
  }

  html.home body header.site .subtitle{display:none!important}
}