/* ─── MOBILE — websites by link v2 ─── */
@media (max-width: 1280px) {

  /* NAV */
  nav.site-nav {
    height: 60px !important;
    padding: 0 16px !important;
  }
  .brand-prompt { font-size: 13px !important; }
  .brand-prompt .prompt-cursor { width: 6px; height: 12px; }

  .site-nav-links { display: none !important; }
  .nav-hamburger {
    display: flex !important;
    position: fixed !important;
    top: 11px !important;
    right: 14px !important;
    z-index: 1300 !important;
    border-color: rgba(255,255,255,0.14);
    background: rgba(10,10,10,0.6);
  }
  .nav-hamburger span { background: #f4f4f7; }

  /* DRAWER — already styled in shared.css */
  .mobile-drawer { display: block !important; position: fixed; inset: 0; z-index: 1500; pointer-events: none; }
  .mobile-drawer.open { pointer-events: auto; }
  .drawer-panel { width: 86% !important; max-width: 340px !important; }

  /* PAGE HEADER */
  .ph { padding: 110px 22px 50px !important; }
  .ph-title { font-size: clamp(30px, 7vw, 44px) !important; }
  .ph-sub { font-size: 15.5px !important; }

  /* HOME HERO */
  .home-hero { padding: 110px 22px 70px !important; }
  .hero-h1 { font-size: clamp(32px, 8vw, 48px) !important; }
  .hero-sub { font-size: 16px !important; }
  .hero-cta-row .btn { padding: 13px 20px !important; }

  .ping-strip {
    grid-template-columns: 1fr !important;
    margin-top: 50px !important;
  }

  /* SECTIONS */
  .section { padding: 70px 22px !important; }

  /* OFFERS — stack */
  .offers-shell { grid-template-columns: 1fr !important; gap: 36px !important; }

  /* PATHS — stack */
  .paths-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .path-card { padding: 26px 24px !important; }
  .path-card h3 { font-size: 21px !important; }
  .section.paths { padding: 70px 22px !important; }

  /* PRICING — stack */
  .pricing-cards { grid-template-columns: 1fr !important; }
  .pcard { padding: 26px 24px !important; }
  .pcard-price { font-size: 28px !important; }

  /* CLOSING */
  .section.closing { padding: 70px 22px 90px !important; }
  .closing-h2 { font-size: clamp(28px, 7vw, 38px) !important; }
  .closing-sub { font-size: 15.5px !important; }

  /* PORTFOLIO — case study */
  .case { padding: 50px 22px 80px !important; }
  .case-h2 { font-size: clamp(28px, 7vw, 40px) !important; }
  .case-meta { font-size: 12px !important; gap: 12px !important; }
  .device-showcase {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-top: 40px !important;
  }
  .device-showcase .phone-wrap {
    margin-left: 0 !important;
    max-width: 200px;
    margin: 0 auto !important;
  }
  .case-stats { grid-template-columns: 1fr !important; }
  .case-stat { padding: 20px 22px !important; }
  .case-stat-value { font-size: 22px !important; }
  .build-list { padding: 24px 24px !important; font-size: 13.5px !important; line-height: 1.95 !important; }
  .case-cta { padding: 30px 26px !important; }
  .case-cta h3 { font-size: 22px !important; }

  /* ABOUT — manifesto + principles + timeline */
  .manifesto { padding: 50px 22px 70px !important; }
  .manifesto-h2 { font-size: clamp(24px, 6.5vw, 32px) !important; }
  .manifesto-body p { font-size: 15.5px !important; }

  .principles { padding: 60px 22px !important; }
  .principles-grid { grid-template-columns: 1fr !important; }
  .principle { padding: 26px 24px !important; }
  .principle h3 { font-size: 17px !important; }

  .timeline { padding: 70px 22px 70px !important; }
  .tl-list { padding-left: 26px !important; }
  .tl-item::before { left: -26px !important; }

  /* PROCESS — terminal step blocks */
  .steps { padding: 50px 18px 70px !important; }
  .steps-shell { gap: 18px !important; }
  .step-body {
    grid-template-columns: 60px 1fr !important;
    gap: 16px !important;
    padding: 22px 22px !important;
  }
  .step-tag { font-size: 26px !important; }
  .step-content h3 { font-size: 19px !important; }
  .step-content p { font-size: 15px !important; }
  .step-cmd { font-size: 12.5px !important; padding: 12px 14px !important; }
  .step-chrome { font-size: 11.5px !important; padding: 10px 12px !important; }
  .step-chrome-title { font-size: 11px !important; }

  .promise { padding: 70px 22px !important; }
  .promise-q { font-size: clamp(22px, 5.6vw, 30px) !important; }

  /* CONTACT — IDE form + info */
  .contact-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    padding: 50px 22px 70px !important;
  }
  .contact-shell > * { min-width: 0; }
  .ide, .info-card { width: 100%; }
  .info-card { padding: 26px 24px !important; }
  .info-value.lg { font-size: 20px !important; }
  .ide-form-head h2 { font-size: clamp(22px, 6vw, 28px) !important; }
  .contact-form { padding: 22px 20px !important; gap: 16px !important; }
  .contact-form .form-row { grid-template-columns: 1fr !important; gap: 16px !important; }
  .form-field input, .form-field select, .form-field textarea {
    font-size: 14px !important; padding: 12px 13px !important;
  }
  .submit-row { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
  .ide-tabs-wrap .ide-tab { font-size: 11px !important; padding: 9px 14px !important; }
  .ide-tabs-wrap .ide-tab:nth-child(2) { display: none; }
  .area { padding: 50px 22px 70px !important; }
  .area-chip { font-size: 11.5px !important; padding: 6px 11px !important; }

  /* TESTIMONIALS */
  .honest { padding: 50px 22px 70px !important; }
  .honest-card { padding: 26px 24px !important; }
  .honest-h2 { font-size: clamp(20px, 5.5vw, 26px) !important; }
  .honest-p { font-size: 15px !important; }
  .preview-section { padding: 60px 22px !important; }
  .chat-thread.testimonial .bubble { font-size: 15px !important; padding: 14px 16px !important; max-width: 92% !important; }
  .preview-note { font-size: 12.5px !important; padding: 18px 20px !important; }

  /* THANK YOU */
  main { padding: 100px 22px 60px !important; }
  .ty-h1 { font-size: clamp(28px, 7vw, 40px) !important; }
  .ty-msg { font-size: 16px !important; }
  .ty-term-body { font-size: 13px !important; padding: 18px 18px !important; }

  /* FOOTER */
  footer.site-footer { padding: 50px 22px 26px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; padding-bottom: 30px !important; }
  .footer-bottom { flex-direction: column !important; align-items: flex-start !important; font-size: 11px !important; }

  /* BACK TO TOP */
  .back-to-top { bottom: 16px !important; right: 16px !important; }
}

/* Tighter on small phones */
@media (max-width: 480px) {
  .ph-title { font-size: 30px !important; }
  .hero-h1 { font-size: 32px !important; }
  .closing-h2, .ty-h1 { font-size: 28px !important; }
  .step-body { grid-template-columns: 1fr !important; }
  .step-tag { font-size: 22px !important; opacity: 0.55 !important; }
}