.cat-camera .step-tabs button span:first-child { margin-left:0; display:inline; }
.cat-camera .hero h1 { font-size:clamp(52px,6vw,84px); }
.cat-camera .hero-art .phone-front { left:50%; width:274px; transform:translateX(-50%) rotate(-4deg); }
.cat-camera .hero-art { height:625px; }
.cat-camera .hero-art::before { background:radial-gradient(ellipse at 50% 50%,#ad733022,transparent 66%); }
.cat-camera .compatibility { color:#c8d1bb; font-size:14px; }
.cat-camera #cat-panel { min-height:145px; margin-top:24px; max-width:570px; }
.cat-camera #cat-panel h3 { color:#d6ddcb; font-size:20px; font-weight:550; }
.cat-camera #cat-panel p { color:#a8b39d; font-size:17px; line-height:1.9; margin-top:10px; }
.cat-camera .availability { scroll-margin-top:24px; }
.cat-camera .availability .section-label { font-size:14px; color:var(--lime); margin:0 0 20px; }
.cat-camera .availability h2 { font-size:clamp(34px,4vw,54px); line-height:1.3; }
.cat-camera .availability .availability-detail { font-size:17px; line-height:1.9; max-width:580px; margin-top:20px; }
.cat-camera .availability>a { flex-shrink:0; }
.cat-camera .article { overflow-wrap:anywhere; }
.cat-camera .article .lead { margin-bottom:35px; }
.cat-camera .article section p { margin-bottom:10px; }
@media(max-width:1200px) {
  .cat-camera .hero-art { height:555px; }
  .cat-camera .hero-art .phone-front { width:235px; }
  .cat-camera .step-tabs button { font-size:13px; }
}
@media(max-width:850px) {
  .cat-camera .hero-art { height:595px; }
  .cat-camera .hero-art .phone-front { width:260px; }
  .cat-camera .workflow-copy { min-width:0; }
  .cat-camera .availability { flex-direction:column; align-items:flex-start; }
}
@media(max-width:480px) {
  .cat-camera .hero h1 { font-size:52px; }
  .cat-camera .hero-art { height:493px; }
  .cat-camera .hero-art .phone-front { width:211px; }
  .cat-camera .value-strip { gap:0; font-size:11px; line-height:1.8; }
  .cat-camera .value-strip p { padding-inline:7px; }
  .cat-camera .compatibility { font-size:12px; }
  .cat-camera .step-tabs { gap:6px; }
  .cat-camera .step-tabs button { padding-inline:7px; font-size:11px; min-width:0; }
  .cat-camera #cat-panel h3 { font-size:18px; }
  .cat-camera #cat-panel p { font-size:15px; }
  .cat-camera .availability .availability-detail { font-size:15px; }
  .cat-camera .image-caption { font-size:10px; }
}
@media(max-width:360px) {
  .cat-camera .hero h1 { font-size:48px; }
  .cat-camera .hero-art { height:453px; }
  .cat-camera .hero-art .phone-front { width:193px; }
  .cat-camera .value-strip { font-size:10px; }
  .cat-camera .step-tabs button { font-size:10px; gap:4px; padding-inline:6px; }
}