/* TradesFolks Seller Sprint 033 — dedicated mobile homepage layer
   Scope: seller public homepage only, <= 767px. Desktop/tablet are untouched. */

@media (max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .tfh-body{width:100%;min-width:0!important;padding-bottom:82px!important;background:#fff!important}
  .tfh-body *{box-sizing:border-box}
  .tfh-main,.tfh-header,.tfh-header-inner,.tfh-hero,.tfh-models,.tfh-operating-layer,
  .tfh-marketplace-network,.tfh-process,.tfh-final-cta,.tfh-footer{
    width:100%!important;max-width:100%!important;min-width:0!important
  }

  /* Compact application-style header */
  .tfh-header{position:sticky!important;top:0!important;z-index:1000!important}
  .tfh-header-inner{
    height:68px!important;padding:0 16px!important;gap:10px!important
  }
  .tfh-brand{min-width:0!important;gap:9px!important}
  .tfh-brand img{width:44px!important;height:34px!important;flex:0 0 auto}
  .tfh-brand span{display:grid!important;min-width:0!important}
  .tfh-brand strong{font-size:13px!important;line-height:1.05!important}
  .tfh-brand small{margin-top:3px!important;font-size:6.4px!important;line-height:1.1!important;white-space:nowrap!important}
  .tfh-nav,.tfh-actions{display:none!important}
  .tfh-menu{
    display:grid!important;place-items:center!important;margin-left:auto!important;
    width:42px!important;height:42px!important;padding:0!important;border:1px solid #e1e7ef!important;
    border-radius:12px!important;background:#fff!important;font-size:0!important
  }
  .tfh-menu:before{content:"☰";font-size:20px;color:#07162e}
  .tfh-mobile-menu{left:12px!important;right:12px!important;top:72px!important}

  /* Hero becomes a real phone-first layout */
  .tfh-hero{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;gap:28px!important;min-height:0!important;
    padding:34px 16px 26px!important;overflow:hidden!important
  }
  .tfh-hero-copy{width:100%!important;max-width:none!important;min-width:0!important}
  .tfh-eyebrow{
    display:block!important;width:100%!important;font-size:9px!important;line-height:1.45!important;
    letter-spacing:.12em!important;white-space:normal!important
  }
  .tfh-hero h1{
    width:100%!important;max-width:none!important;margin:15px 0 16px!important;
    font-size:clamp(38px,10.7vw,46px)!important;line-height:1.00!important;
    letter-spacing:-.045em!important;overflow-wrap:normal!important;word-break:normal!important
  }
  .tfh-hero h1 br{display:none!important}
  .tfh-hero h1 em{display:block!important;margin-top:2px!important}
  .tfh-hero-copy>p{
    width:100%!important;max-width:none!important;margin:0!important;
    font-size:14px!important;line-height:1.62!important;color:#c7d3e2!important
  }
  .tfh-hero-actions{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;
    gap:10px!important;margin-top:22px!important
  }
  .tfh-primary-cta,.tfh-secondary-cta{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:52px!important;
    padding:0 16px!important;border-radius:12px!important;font-size:12px!important;
    text-align:center!important;white-space:normal!important
  }
  .tfh-proof-row{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
    margin-top:20px!important;font-size:10px!important;line-height:1.4!important
  }

  /* Command Center preview — readable, no partial cards */
  .tfh-command-preview{
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:14px!important;border-radius:18px!important;overflow:hidden!important
  }
  .tfh-preview-top{min-height:44px!important;padding-bottom:12px!important}
  .tfh-preview-top strong{font-size:11px!important}
  .tfh-preview-top>b{font-size:7px!important}
  .tfh-preview-kpis{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    width:100%!important;overflow:visible!important;scroll-snap-type:none!important
  }
  .tfh-preview-kpis article{
    width:100%!important;min-width:0!important;max-width:100%!important;min-height:94px!important;
    padding:12px!important;flex:none!important;scroll-snap-align:none!important
  }
  .tfh-preview-kpis article strong{font-size:20px!important}
  .tfh-preview-kpis article span,.tfh-preview-kpis article small{font-size:8px!important}
  .tfh-preview-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .tfh-preview-chart,.tfh-actions-card{width:100%!important;min-width:0!important;min-height:190px!important}
  .tfh-chart-bars{min-width:0!important}
  .tfh-actions-card li{grid-template-columns:minmax(0,1fr) auto!important}

  /* Sections use readable phone typography */
  .tfh-models,.tfh-operating-layer,.tfh-marketplace-network,.tfh-process{
    padding:48px 16px!important
  }
  .tfh-section-heading,.tfh-network-copy{width:100%!important;max-width:none!important;min-width:0!important}
  .tfh-section-heading>span,.tfh-network-copy>span{font-size:8.5px!important;line-height:1.4!important}
  .tfh-section-heading h2,.tfh-network-copy h2{
    width:100%!important;max-width:100%!important;margin:10px 0 12px!important;
    font-size:31px!important;line-height:1.08!important;letter-spacing:-.035em!important
  }
  .tfh-section-heading p,.tfh-network-copy p{font-size:12px!important;line-height:1.62!important}
  .tfh-section-heading h2 strong{text-decoration-thickness:4px!important;text-underline-offset:5px!important}

  /* No clipped carousel on primary commerce cards */
  .tfh-model-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
    width:100%!important;margin-top:26px!important;overflow:visible!important;scroll-snap-type:none!important
  }
  .tfh-model-card{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:330px!important;
    padding:22px!important;flex:none!important;scroll-snap-align:none!important
  }
  .tfh-model-card>strong{font-size:74px!important}
  .tfh-model-card h3{font-size:17px!important}
  .tfh-model-card p{font-size:11px!important;line-height:1.6!important}
  .tfh-model-card>b{padding-top:26px!important;font-size:10px!important}

  /* Operating system cards */
  .tfh-capability-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .tfh-capability-grid article{
    width:100%!important;min-width:0!important;min-height:0!important;
    padding:18px!important;grid-template-columns:38px minmax(0,1fr)!important
  }
  .tfh-capability-grid h3{font-size:15px!important}
  .tfh-capability-grid p{font-size:10.5px!important}

  /* Marketplace network */
  .tfh-marketplace-network{
    display:grid!important;grid-template-columns:1fr!important;gap:28px!important
  }
  .tfh-network-copy{position:static!important}
  .tfh-network-content,.tfh-network-block,.tfh-network-title,.tfh-tag-grid,.tfh-country-row{
    width:100%!important;max-width:100%!important;min-width:0!important
  }
  .tfh-network-block{padding:16px!important}
  .tfh-network-title{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .tfh-tag-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .tfh-tag-grid span{min-height:54px!important;font-size:10px!important}
  .tfh-country-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* Seller journey cards */
  .tfh-process-row{
    display:grid!important;grid-template-columns:1fr!important;gap:1px!important;
    width:100%!important;overflow:hidden!important;scroll-snap-type:none!important
  }
  .tfh-process-row article{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:170px!important;
    padding:20px!important;flex:none!important;scroll-snap-align:none!important
  }
  .tfh-process-row h3{margin-top:36px!important;font-size:17px!important}
  .tfh-process-row p{font-size:10.5px!important;line-height:1.55!important}

  /* Final CTA and footer */
  .tfh-final-cta{
    width:calc(100% - 24px)!important;max-width:none!important;margin:12px 12px 24px!important;
    padding:30px 18px!important;display:grid!important;gap:22px!important;border-radius:18px!important
  }
  .tfh-final-cta h2{font-size:30px!important;line-height:1.05!important}
  .tfh-final-cta p{font-size:11px!important;line-height:1.55!important}
  .tfh-final-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  .tfh-final-actions a{width:100%!important;min-height:50px!important}

  .tfh-footer{padding:34px 16px 28px!important}
  .tfh-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  .tfh-footer-bottom{display:grid!important;gap:8px!important}

  /* Keep the mobile dock readable and inside safe area */
  .tfh-mobile-dock{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:64px!important;border-radius:18px!important
  }
  .tfh-mobile-dock a{min-width:0!important;font-size:7px!important}
}

@media (max-width:390px){
  .tfh-header-inner{padding-left:14px!important;padding-right:14px!important}
  .tfh-hero{padding-left:14px!important;padding-right:14px!important}
  .tfh-hero h1{font-size:36px!important}
  .tfh-hero-copy>p{font-size:13px!important}
  .tfh-preview-kpis{grid-template-columns:1fr!important}
  .tfh-models,.tfh-operating-layer,.tfh-marketplace-network,.tfh-process{padding-left:14px!important;padding-right:14px!important}
}