/* Phase 2 additions: product pages, quote page, blog. */
.crumbs{font-size:.85rem;color:#aaa;margin-bottom:18px}
.crumbs a{color:#ccc}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pd-gallery{background:#fff;padding:12px}
.pd-main{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block}
.pd-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pd-thumb{border:1px solid #ccc;background:#fff;padding:2px;cursor:pointer;width:72px;height:72px}
.pd-thumb img{width:100%;height:100%;object-fit:contain}
.pd-nophoto{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;color:#333;text-align:center}
.pd-title{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 .5em}
.pd-desc{margin-bottom:1.2em}
.pd .faq-a{padding:0 22px 16px}
.pd .btn-row{margin:1.2em 0 .6em}
.product[hidden]{display:none}
.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.qr-page .hq-card{max-width:none}
.hq-product input{background:#222;color:var(--orange);font-weight:700}
.tile h3.break{word-break:break-word;font-size:1rem}
.post-title{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.post-hero{width:100%;height:auto;margin:1em 0 1.5em}
.post-body img{max-width:100%;height:auto}
.post-body figure{margin:1.4em 0}
.post-body figcaption{font-size:.85rem;color:#aaa;margin-top:.4em}
.post-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-card img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:12px}
@media (max-width:900px){.pd-grid,.qr-grid{grid-template-columns:1fr;gap:28px}.post-gallery{grid-template-columns:1fr}}
.tile h3.break{text-transform:none;font-family:var(--body);letter-spacing:0}
.post-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Mobile pass (2026-10-30): tap targets >= 44px, 16px form text (no iOS zoom), legible small text. */
@media (max-width:640px){
  .nav-toggle{min-height:44px;padding:10px 16px}
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}
  .hq-card label.hq-f span{font-size:.875rem}
  .hq-parts{gap:0 12px}
  .hq-parts label{min-height:44px;align-items:center;padding:2px 0}
  .hq-parts input{width:24px;height:24px;margin:0}
  .chip{min-height:44px;padding:10px 14px}
  .product-actions .btn{min-height:44px;padding:13px 8px}
  .footer-nav{gap:0 20px}
  .footer-nav a{display:inline-flex;align-items:center;min-height:44px}
  .site-footer p a{display:inline-block;padding:11px 0}
  .crumbs a{display:inline-block;padding:12px 0}
  .quote-note,.more-line,.status{font-size:1rem}
  .source,.post-body figcaption,.trust-list li{font-size:.9375rem}
  .hq-card input:not([type=checkbox]):not([type=radio]),.hq-card textarea,.hq-card select{font-size:16px}
  .tile h3 a{display:inline-flex;align-items:center;min-height:44px}
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 2026 brochure look (Home) */
.hero-tagline{margin:.2em 0 .1em;font-family:var(--head,inherit);text-transform:uppercase;letter-spacing:2px;font-size:1rem;color:#fff}
.hero-tagline span{color:var(--orange);padding:0 .35em}
.hero-values{margin:0 0 .9em;font-weight:700;color:#f1f1f1;font-size:1.05rem}
.tariff{padding:28px 0}
.tariff .tariff-h{font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:1.15rem;margin:0 0 .4em;color:#fff}
.tariff .tariff-h span{color:var(--orange)}
.tariff p{max-width:760px;margin-left:auto;margin-right:auto}
.tiles-4{grid-template-columns:repeat(4,1fr)}
.tiles-prod .tile{border-bottom:3px solid var(--orange)}
.tiles-prod .tile h3{text-transform:uppercase}
@media (max-width:1000px){.tiles-4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tiles-4{grid-template-columns:1fr}}