/* Phone layouts follow the approved Home / Collections / My Project study. */
.mobile-project-link{display:none}
@media(max-width:700px){
  html{scroll-padding-bottom:150px}
  header{height:auto;min-height:84px;padding:16px 6%;gap:10px;flex-wrap:wrap}
  .wordmark img{width:148px}
  .header-actions{margin-left:auto;gap:8px}
  .header-project{min-height:48px;gap:6px;font-size:.875rem}
  #menu{min-width:44px;min-height:48px}
  #mobile-nav a{min-height:48px}
  .hero{height:auto;max-height:none;min-height:0;color:var(--ink);overflow:visible;background:var(--ivory)}
  .hero>img{position:relative;display:block;width:100%;height:clamp(270px,85vw,420px);object-fit:cover;object-position:65% center}
  .hero .shade{display:none}
  .hero-copy{padding:30px 6% 24px;max-width:none}
  .hero .eyebrow{color:var(--muted);font-size:.75rem;margin-bottom:15px}
  .hero h1{font-size:clamp(42px,10vw,60px);line-height:1.08;letter-spacing:-1px}
  .hero h1 em{color:var(--ink)}
  .hero-copy>p:not(.eyebrow){color:var(--muted);max-width:none;font-size:1rem;line-height:1.7;margin:20px 0 24px}
  .hero-copy>p br{display:none}
  .hero-copy .button{display:flex;width:100%;background:var(--ink);color:var(--ivory);min-height:52px}
  .hero-bottom{position:static;padding:0 6% 24px;display:flex;gap:12px;color:var(--muted);font-size:.75rem}
  .hero-bottom a{display:none}
  .section{padding-top:48px;padding-bottom:48px}
  .intro{padding-top:32px;padding-bottom:48px;display:block;border-top:1px solid var(--line)}
  .intro>.eyebrow{margin-bottom:22px}
  .intro h2,.section-head h2,.home-project h2{font-size:clamp(32px,8.5vw,42px)}
  .intro-bottom .small-f{display:none}
  .home-collection-grid{grid-template-columns:1fr;gap:32px}
  .home-collection .collection-image{aspect-ratio:1.45}
  .home-collection-title h3{font-size:30px}
  .home-collection>p{font-size:1rem}
  .image-label{left:14px;bottom:14px;font-size:.75rem}
  .page-intro{padding-top:32px;padding-bottom:32px}
  .inner-page h1{font-size:clamp(36px,9vw,50px);line-height:1.1}
  .page-project .project-intro h1{font-size:clamp(36px,9vw,50px)}
  .catalogue-browser,.planner-layout{padding-top:0}
  .filter-tabs{gap:8px}
  .filter-tabs button{min-height:48px;padding:10px 15px;flex:0 1 auto}
  .catalogue-search input{min-height:48px;font-size:1rem}
  .catalogue-grid{grid-template-columns:1fr}
  .catalogue-card h2{font-size:30px}
  .save-collection{min-height:54px}
  summary{min-height:48px}
  .page-collections{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .mobile-project-link{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;justify-content:center;align-items:center;gap:5px;background:var(--ink);color:var(--ivory);padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));min-height:64px;border:10px solid var(--ivory);border-bottom:0;font-size:1rem;box-shadow:0 -3px 14px #0001}
  .mobile-project-link>span:last-child{margin-left:15px}
  .page-project{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))}
  .planner-layout .fields{grid-template-columns:1fr}
  .planner-layout input,.planner-layout select,.planner-layout textarea,.planner-layout .room-notes textarea{font-size:1rem;min-height:50px}
  .selection-row{grid-template-columns:70px minmax(0,1fr);gap:16px}
  .selection-image{width:70px;height:75px}
  .selection-heading h3{font-size:26px}
  .planner-layout .quantity-label,.planner-layout .room-notes{grid-column:1/-1}
  .quantity-label input{max-width:none}
  .remove-selection{min-height:44px}
  .quick-add button{min-height:48px;font-size:.875rem}
  .page-project .export-actions{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:12px 6% calc(12px + env(safe-area-inset-bottom,0px));gap:6px;background:var(--ivory);border-top:1px solid var(--line);box-shadow:0 -3px 14px #0001}
  .export-actions #download-brief{background:var(--ink);color:var(--ivory);min-height:50px}
  .export-actions #print-brief{background:transparent;border:0;color:var(--ink);min-height:44px;justify-content:center;text-decoration:underline;text-underline-offset:4px;padding:8px}
  .export-actions button:disabled{opacity:.55;cursor:default}
  .page-project .site-toast{bottom:calc(145px + env(safe-area-inset-bottom,0px))}
  .page-collections .site-toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .footer-nav a{min-height:48px;font-size:.875rem}
  .footer-top a{min-height:44px;display:inline-flex;align-items:center}
  .guide-content h2{font-size:34px}
}
@media(max-width:390px){.wordmark img{width:120px}.header-actions{gap:6px}.hero h1{font-size:42px}.home-collection-title h3{font-size:28px}}
@media(min-width:701px) and (max-height:850px){.brief-summary{position:static}}
@media print{.mobile-project-link{display:none!important}.page-project,.page-collections{padding-bottom:0}.page-project .export-actions{display:none!important}}